Skip to content
Kolorvia
#565756

Color #565756

A nearly neutral, gray-leaning dark green.

Conversions

HEX
#565756
RGB
rgb(86, 87, 86)
HSL
hsl(120, 0.6%, 33.9%)
HSV / HSB
hsv(120, 1.1%, 34.1%)
CMYK
cmyk(1.1%, 0%, 1.1%, 65.9%)
LAB
lab(36.87, -0.61, 0.44)
LCH
lch(36.87, 0.75, 144.2)
OKLCH
oklch(45.6%, 0.0021, 144.78)
HWB
hwb(120, 33.7%, 65.9%)

Harmony colors

Complementary

#575657

Analogous

#565756
#565756
#565756

Triadic

#565756
#565657
#575656

Split-complementary

#565756
#565657
#575656

Tetradic

#565756
#565757
#575657
#575656

Square

#565756
#565657
#575657
#575656

Shades

Color #565756 mixed toward black.

#484848
#393a39
#2b2b2b
#1d1d1d
#0e0e0e

Tints

Color #565756 mixed toward white.

#727372
#8e8f8e
#aaabaa
#c6c7c6
#e3e3e3

Tones

Color #565756 mixed toward gray.

#565756
#565756
#565756
#565756
#565756

Accessibility

Aa White text on this color
7.26:1
Aa Black text on this color
2.89:1

White text reads better on this background (7.26:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#565656 · ΔE 1

Deuteranopia

#565656 · ΔE 1

Tritanopia

#565656 · ΔE 1

Achromatopsia

#575757 · ΔE 1

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

Code

CSS
background-color: #565756;
Tailwind (arbitrary value)
bg-[#565756]

Related colors

Forest Green #228b22
Mint Green #98ff98
Dark Green #006400
Dark Sea Green #8fbc8f
Green #008000
Honeydew #f0fff0

Frequently asked questions

#565756 (#565756) is rgb(86, 87, 86) in RGB.

No, #565756 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Build something with this color

Generate a full palette from #565756, or check how it holds up for accessibility.

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.