#566848

Color #566848

A muted dark green.

Closest named color Dark Olive Green #556b2f · ΔE 15.76 Nearest Tailwind class olive-600 #5b5b4b · ΔE 10

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

Conversions

HEX

#566848

RGB

rgb(86, 104, 72)

HSL

hsl(93.7, 18.2%, 34.5%)

HSV / HSB

hsv(93.7, 30.8%, 40.8%)

CMYK

cmyk(17.3%, 0%, 30.8%, 59.2%)

LAB

lab(41.76, -13.27, 15.86)

LCH

lch(41.76, 20.68, 129.92)

OKLCH

oklch(49.3%, 0.0537, 131.98)

HWB

hwb(93.7, 28.2%, 59.2%)

Harmony colors

Complementary

#5a4868

Analogous

#666848

#566848

#48684a

Triadic

#566848

#485668

#684856

Split-complementary

#566848

#4a4868

#684866

Tetradic

#566848

#48685a

#5a4868

#684856

Square

#566848

#486668

#5a4868

#684a48

Shades

Color #566848 mixed toward black.

#48573c

#394530

#2b3424

#1d2318

#0e110c

Tints

Color #566848 mixed toward white.

#71895f

#8da47b

#aabb9c

#c6d1bd

#e3e8de

Tones

Color #566848 mixed toward gray.

#56654b

#57634d

#576050

#575d53

#585b55

Accessibility

Aa White text on this color

6.05:1

Aa Black text on this color

3.47:1

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

Under color vision deficiencies

Protanopia

#5e5e51 · ΔE 10.6

Deuteranopia

#5d5c53 · ΔE 12.6

Tritanopia

#575859 · ΔE 17

Achromatopsia

#636363 · ΔE 16.1

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

Code

CSS

background-color: #566848;

Tailwind (arbitrary value)

bg-[#566848]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#566848 (#566848) is rgb(86, 104, 72) in RGB.

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

Generate a palette → Check contrast