#887f69

Color #887f69

A nearly neutral, gray-leaning medium orange.

Closest named color Gray #808080 · ΔE 13.22 Nearest Tailwind class olive-500 #7c7c67 · ΔE 5

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

Conversions

HEX

#887f69

RGB

rgb(136, 127, 105)

HSL

hsl(42.6, 12.9%, 47.3%)

HSV / HSB

hsv(42.6, 22.8%, 53.3%)

CMYK

cmyk(0%, 6.6%, 22.8%, 46.7%)

LAB

lab(53.42, -0.39, 13.21)

LCH

lch(53.42, 13.22, 91.69)

OKLCH

oklch(59.8%, 0.0339, 88.48)

HWB

hwb(42.6, 41.2%, 46.7%)

Harmony colors

Complementary

#697288

Analogous

#887069

#887f69

#828869

Triadic

#887f69

#69887f

#7f6988

Split-complementary

#887f69

#698288

#706988

Tetradic

#887f69

#728869

#697288

#7f6988

Square

#887f69

#698870

#697288

#886982

Shades

Color #887f69 mixed toward black.

#716a58

#5b5546

#444035

#2d2a23

#171512

Tints

Color #887f69 mixed toward white.

#9d9581

#b1aa9a

#c4bfb3

#d8d5cc

#ebeae6

Tones

Color #887f69 mixed toward gray.

#867e6c

#837d6e

#807c71

#7e7b73

#7b7a76

Accessibility

Aa White text on this color

3.97:1

Aa Black text on this color

5.29:1

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

Under color vision deficiencies

Protanopia

#84846f · ΔE 4.8

Deuteranopia

#858570 · ΔE 4.9

Tritanopia

#887374 · ΔE 15.2

Achromatopsia

#808080 · ΔE 10.2

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

Code

CSS

background-color: #887f69;

Tailwind (arbitrary value)

bg-[#887f69]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#887f69 (#887f69) is rgb(136, 127, 105) in RGB.

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

Generate a palette → Check contrast