#56601e

Color #56601e

A moderately saturated dark yellow.

Closest named color Dark Olive Green #556b2f · ΔE 7.52 Nearest Tailwind class lime-800 #3c6300 · ΔE 7.1

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

Conversions

HEX

#56601e

RGB

rgb(86, 96, 30)

HSL

hsl(69.1, 52.4%, 24.7%)

HSV / HSB

hsv(69.1, 68.7%, 37.6%)

CMYK

cmyk(10.4%, 0%, 68.7%, 62.4%)

LAB

lab(38.62, -13.99, 35.08)

LCH

lch(38.62, 37.77, 111.74)

OKLCH

oklch(46.6%, 0.0898, 117.39)

HWB

hwb(69.1, 11.8%, 62.4%)

Harmony colors

Complementary

#281e60

Analogous

#60491e

#56601e

#35601e

Triadic

#56601e

#1e5660

#601e56

Split-complementary

#56601e

#1e3560

#491e60

Tetradic

#56601e

#1e6028

#281e60

#601e56

Square

#56601e

#1e6049

#281e60

#601e35

Shades

Color #56601e mixed toward black.

#485019

#394014

#2b300f

#1d200a

#0e1005

Tints

Color #56601e mixed toward white.

#82912d

#adc23c

#c2d16d

#d6e19d

#ebf0ce

Tones

Color #56601e mixed toward gray.

#525a23

#4e5529

#4a4f2e

#474a34

#434439

Accessibility

Aa White text on this color

6.8:1

Aa Black text on this color

3.09:1

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

Under color vision deficiencies

Protanopia

#5a5b37 · ΔE 7.1

Deuteranopia

#5a593b · ΔE 9.1

Tritanopia

#574447 · ΔE 30.5

Achromatopsia

#5b5b5b · ΔE 21

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

Code

CSS

background-color: #56601e;

Tailwind (arbitrary value)

bg-[#56601e]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#56601e (#56601e) is rgb(86, 96, 30) in RGB.

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

Generate a palette → Check contrast