#ad9b8a

Color #ad9b8a

A muted light orange.

Closest named color Dark Gray #a9a9a9 · ΔE 12.65 Nearest Tailwind class taupe-400 #aba09c · ΔE 6.2

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

Conversions

HEX

#ad9b8a

RGB

rgb(173, 155, 138)

HSL

hsl(29.1, 17.6%, 61%)

HSV / HSB

hsv(29.1, 20.2%, 67.8%)

CMYK

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

LAB

lab(65.09, 3.8, 11.33)

LCH

lch(65.09, 11.95, 71.46)

OKLCH

oklch(70.1%, 0.0323, 65.66)

HWB

hwb(29.1, 54.1%, 32.2%)

Harmony colors

Complementary

#8a9cad

Analogous

#ad8a8b

#ad9b8a

#adad8a

Triadic

#ad9b8a

#8aad9b

#9b8aad

Split-complementary

#ad9b8a

#8aadad

#8a8bad

Tetradic

#ad9b8a

#9cad8a

#8a9cad

#9b8aad

Square

#ad9b8a

#8bad8a

#8a9cad

#ad8aad

Shades

Color #ad9b8a mixed toward black.

#98816c

#7a6755

#5b4d40

#3d342b

#1e1a15

Tints

Color #ad9b8a mixed toward white.

#bbac9e

#c8bcb1

#d6cdc5

#e4ded8

#f1eeec

Tones

Color #ad9b8a mixed toward gray.

#aa9b8d

#a79b90

#a49b93

#a19b96

#9e9b99

Accessibility

Aa White text on this color

2.68:1

Aa Black text on this color

7.83:1

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

Under color vision deficiencies

Protanopia

#a6a58e · ΔE 10

Deuteranopia

#a7a88f · ΔE 11.3

Tritanopia

#ac9292 · ΔE 10.2

Achromatopsia

#9e9e9e · ΔE 9.9

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

Code

CSS

background-color: #ad9b8a;

Tailwind (arbitrary value)

bg-[#ad9b8a]

Related colors

Peru #cd853f

Peach Puff #ffdab9

Linen #faf0e6

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#ad9b8a (#ad9b8a) is rgb(173, 155, 138) in RGB.

No, #ad9b8a 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 #ad9b8a, or check how it holds up for accessibility.

Generate a palette → Check contrast