Earthyorangemuted

HSL

32° · 23% · 44%

Washed Ember Flint

#887156

Notes

Washed Ember Flint (#887156) is a true orange with an earthy character. It leans grounded and natural, the kind of color that plays well with wood, clay, linen, and warm neutrals. Its HSL profile (32°, 23%, 44%) places it in the muted band at a mid lightness. It works across type, buttons, and borders, saturated enough to feel deliberate but balanced enough to not fight the rest of the palette. For a confident two-color system, pair it with its complementary azure. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX

#887156

RGB

rgb(136, 113, 86)

HSL

hsl(32, 23%, 44%)

HWB

hwb(32 34% 47%)

OKLCH

oklch(56.4% 0.049 71.1)

HSV

hsv(32, 37%, 53%)

LAB

lab(49.15% 4.91 18.38)

LCH

lch(49.15% 19.02 75.04)

CMYK

cmyk(0%, 17%, 37%, 47%)

Closest matches

The nearest named color in three reference sources, ranked by perceptual distance (ΔE76 in CIELAB). ΔE < 1 is imperceptible to most viewers; ΔE > 10 is clearly different. When two sources point to the same hex they’re merged into one tile; click any to open that color’s page.

#808080

W3C CSS namedGrayΔE 19.53

#9d7651

CuratedMochaΔE 10.28

#7f684e

xkcd surveyDark TaupeΔE 3.59

Variations

Click any swatch to explore

Tints & shades · lightness

-5#31271c -4#413527 -3#524332 -2#64523e -1#76614a BASE#887156 +1#9d8a74 +2#b3a492 +3#c9beb1 +4#e0d9d2 +5#f6f5f3

Tones · saturation

BASE#887156 -1#84725d -2#817363 -3#7d7469 -4#79756f -5#757575

Hues · rotation

-150#707392 -120#7f6e8b -90#8a6a7e -60#906a6e -30#8f6c60 BASE#887156 +30#7b7755 +60#6b7c5e +90#5c7f6c +120#537f7c +150#557c8a

Temperatures · cool ← → warm

-3#537e85 -2#5b7f6e -1#737a59 BASE#887156 +1#8c6f59 +2#8f6d5e +3#906b65

Harmonies

Complementary

Washed Ember Flint#887156 Chalky Sapphire Slate#607892

Analogous

Misty Ember Smoke#8f6c60 Washed Ember Flint#887156 Cool Ochre Rain#7b7755

Triadic

Washed Ember Flint#887156 Dim Teal Wool#537f7c Chalky Violet Fog#7f6e8b

Split Complementary

Washed Ember Flint#887156 Pale Aqua Quiet#557c8a Pale Denim Chalk#707392

Tetradic

Washed Ember Flint#887156 Misty Lime Flint#6b7c5e Chalky Sapphire Slate#607892 Chalky Violet Fog#7f6e8b

Square

Washed Ember Flint#887156 Cool Jade Haze#5c7f6c Chalky Sapphire Slate#607892 Dusty Fuchsia Wool#8a6a7e

Accessibility

Color-vision simulation

How this color appears to viewers with the four major color-vision-deficiency types. Computed via the Machado (2009) physiologically-based model. If a tile matches the original, the color reads the same to that viewer.

#887156

Original

#797254

Protanopia

#7f7757

Deuteranopia

#906b6a

Tritanopia

#747474

Achromatopsia

WCAG contrast

The color used as foreground text against pure white and pure black, with the contrast ratio and WCAG 2.1 grade. Aim for AA (4.5:1) for body text and AA Large (3:1) for 18 pt+ headlines; AAA (7:1) is the gold standard for long-form reading surfaces.

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).

AAon White

4.62:1

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).

AAon Black

4.54:1