#adac8a

Color #adac8a

A muted light yellow.

Closest named color Tan #d2b48c · ΔE 13.54 Nearest Tailwind class olive-400 #abab9c · ΔE 6.6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#adac8a

RGB

rgb(173, 172, 138)

HSL

hsl(58.3, 17.6%, 61%)

HSV / HSB

hsv(58.3, 20.2%, 67.8%)

CMYK

cmyk(0%, 0.6%, 20.2%, 32.2%)

LAB

lab(69.63, -5.42, 17.67)

LCH

lch(69.63, 18.48, 107.05)

OKLCH

oklch(73.6%, 0.0469, 106.08)

HWB

hwb(58.3, 54.1%, 32.2%)

Harmony colors

Complementary

#8a8bad

Analogous

#ad9b8a

#adac8a

#9dad8a

Triadic

#adac8a

#8aadac

#ac8aad

Split-complementary

#adac8a

#8a9dad

#9b8aad

Tetradic

#adac8a

#8bad8a

#8a8bad

#ac8aad

Square

#adac8a

#8aad9b

#8a8bad

#ad8a9d

Shades

Color #adac8a mixed toward black.

#98966c

#7a7955

#5b5b40

#3d3c2b

#1e1e15

Tints

Color #adac8a mixed toward white.

#bbba9e

#c8c8b1

#d6d6c5

#e4e3d8

#f1f1ec

Tones

Color #adac8a mixed toward gray.

#aaa98d

#a7a790

#a4a493

#a1a196

#9e9e99

Accessibility

Aa White text on this color

2.32:1

Aa Black text on this color

9.04:1

Black text reads better on this background (9.04:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#adad93 · ΔE 2.6

Deuteranopia

#adad95 · ΔE 3.2

Tritanopia

#ad9a9b · ΔE 20.7

Achromatopsia

#aaaaaa · ΔE 13.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #adac8a;

Tailwind (arbitrary value)

bg-[#adac8a]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#adac8a (#adac8a) is rgb(173, 172, 138) in RGB.

No, #adac8a is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #adac8a, or check how it holds up for accessibility.

Generate a palette → Check contrast