#ab8d55

Color #ab8d55

A muted medium orange.

Closest named color Burlywood #deb887 · ΔE 17.52 Nearest Tailwind class yellow-600 #d08700 · ΔE 12.4

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

Conversions

HEX

#ab8d55

RGB

rgb(171, 141, 85)

HSL

hsl(39.1, 33.9%, 50.2%)

HSV / HSB

hsv(39.1, 50.3%, 67.1%)

CMYK

cmyk(0%, 17.5%, 50.3%, 32.9%)

LAB

lab(60.22, 4.01, 33.96)

LCH

lch(60.22, 34.2, 83.27)

OKLCH

oklch(65.9%, 0.0825, 82.06)

HWB

hwb(39.1, 33.3%, 32.9%)

Harmony colors

Complementary

#5573ab

Analogous

#ab6255

#ab8d55

#9eab55

Triadic

#ab8d55

#55ab8d

#8d55ab

Split-complementary

#ab8d55

#559eab

#6255ab

Tetradic

#ab8d55

#73ab55

#5573ab

#8d55ab

Square

#ab8d55

#55ab62

#5573ab

#ab559e

Shades

Color #ab8d55 mixed toward black.

#8f7647

#725e38

#56472a

#392f1c

#1d180e

Tints

Color #ab8d55 mixed toward white.

#b9a071

#c7b38e

#d5c6aa

#e3d9c6

#f1ece3

Tones

Color #ab8d55 mixed toward gray.

#a48b5c

#9d8963

#96876a

#8e8472

#878279

Accessibility

Aa White text on this color

3.15:1

Aa Black text on this color

6.67:1

Black text reads better on this background (6.67:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#9f9f66 · ΔE 11

Deuteranopia

#a1a36a · ΔE 12

Tritanopia

#aa7274 · ΔE 25.3

Achromatopsia

#919191 · ΔE 19.4

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

Code

CSS

background-color: #ab8d55;

Tailwind (arbitrary value)

bg-[#ab8d55]

Related colors

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Floral White #fffaf0

Moccasin #ffe4b5

Papaya Whip #ffefd5

Frequently asked questions

#ab8d55 (#ab8d55) is rgb(171, 141, 85) in RGB.

No, #ab8d55 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast