#987845

Color #987845

A muted medium orange.

Closest named color Peru #cd853f · ΔE 23.68 Nearest Tailwind class yellow-700 #a65f00 · ΔE 12.3

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

Conversions

HEX

#987845

RGB

rgb(152, 120, 69)

HSL

hsl(36.9, 37.6%, 43.3%)

HSV / HSB

hsv(36.9, 54.6%, 59.6%)

CMYK

cmyk(0%, 21.1%, 54.6%, 40.4%)

LAB

lab(52.44, 6.01, 32.52)

LCH

lch(52.44, 33.07, 79.53)

OKLCH

oklch(59.2%, 0.0793, 77.91)

HWB

hwb(36.9, 27.1%, 40.4%)

Harmony colors

Complementary

#456598

Analogous

#984e45

#987845

#8e9845

Triadic

#987845

#459878

#784598

Split-complementary

#987845

#458e98

#4e4598

Tetradic

#987845

#659845

#456598

#784598

Square

#987845

#45984e

#456598

#98458e

Shades

Color #987845 mixed toward black.

#7f6439

#65502e

#4c3c22

#332817

#19140b

Tints

Color #987845 mixed toward white.

#b49159

#c3a77a

#d2bd9c

#e1d3bd

#f0e9de

Tones

Color #987845 mixed toward gray.

#91764c

#8a7553

#83735a

#7c7261

#757067

Accessibility

Aa White text on this color

4.11:1

Aa Black text on this color

5.11:1

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

Under color vision deficiencies

Protanopia

#8b8b55 · ΔE 12.5

Deuteranopia

#8d8f58 · ΔE 13.6

Tritanopia

#975f61 · ΔE 23.7

Achromatopsia

#7d7d7d · ΔE 19.1

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

Code

CSS

background-color: #987845;

Tailwind (arbitrary value)

bg-[#987845]

Related colors

Papaya Whip #ffefd5

Blanched Almond #ffebcd

Navajo White #ffdead

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#987845 (#987845) is rgb(152, 120, 69) in RGB.

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

Generate a palette → Check contrast