#565646

#565646

Color Values

HEX

#565646

RGB

86, 86, 70

HSL

60.0, 10.3%, 30.6%

HSV

60.0, 18.6%, 33.7%

CMYK

0.0%, 0.0%, 18.6%, 66.3%

OKLCH

0.4483 0.0251 107.4

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#565646

#464656

Analogous

#564E46

#4E5646

#565646

Triadic

#565646

#465656

#564656

Split Complementary

#565646

#464E56

#4E4656

Tetradic

#565646

#46564E

#464656

#56464E

Color Blindness Simulation

Original

#565646

Protanopia

#56564A

Deuteranopia

#56564B

Tritanopia

#564D4E

Achromatopsia

#555555

CSS Usage

background-color: #565646;
color: #565646;
border-color: #565646;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F7
100
#EFEFEC
200
#DFDFD8
300
#C8C8BB
400
#AAAA97
500
#8D8D72
600
#71715B
700
#5A5A49
800
#464639
900
#35352C
950
#21211C

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

2.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026