#858a52

Color #858a52

A muted medium yellow.

Closest named color Dark Olive Green #556b2f · ΔE 15.8 Nearest Tailwind class olive-500 #7c7c67 · ΔE 10.8

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

Conversions

HEX

#858a52

RGB

rgb(133, 138, 82)

HSL

hsl(65.4, 25.5%, 43.1%)

HSV / HSB

hsv(65.4, 40.6%, 54.1%)

CMYK

cmyk(3.6%, 0%, 40.6%, 45.9%)

LAB

lab(55.86, -10.94, 29.35)

LCH

lch(55.86, 31.32, 110.44)

OKLCH

oklch(61.6%, 0.0777, 112.8)

HWB

hwb(65.4, 32.2%, 45.9%)

Harmony colors

Complementary

#57528a

Analogous

#8a7352

#858a52

#698a52

Triadic

#858a52

#52858a

#8a5285

Split-complementary

#858a52

#52698a

#73528a

Tetradic

#858a52

#528a57

#57528a

#8a5285

Square

#858a52

#528a73

#57528a

#8a5269

Shades

Color #858a52 mixed toward black.

#6f7344

#595c37

#424529

#2c2e1b

#16170e

Tints

Color #858a52 mixed toward white.

#9fa567

#b2b786

#c6c9a4

#d9dbc2

#ecede1

Tones

Color #858a52 mixed toward gray.

#818557

#7d815b

#797c60

#767765

#727369

Accessibility

Aa White text on this color

3.65:1

Aa Black text on this color

5.75:1

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

Under color vision deficiencies

Protanopia

#878763 · ΔE 5.2

Deuteranopia

#878767 · ΔE 6.4

Tritanopia

#856f71 · ΔE 28.7

Achromatopsia

#868686 · ΔE 19

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

Code

CSS

background-color: #858a52;

Tailwind (arbitrary value)

bg-[#858a52]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#858a52 (#858a52) is rgb(133, 138, 82) in RGB.

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

Generate a palette → Check contrast