#565754

#565754

Color Values

HEX

#565754

RGB

86, 87, 84

HSL

80.0, 1.8%, 33.5%

HSV

80.0, 3.4%, 34.1%

CMYK

1.1%, 0.0%, 3.4%, 65.9%

OKLCH

0.4549 0.0049 121.7

Properties

Cool Dark Nearest: RAL 7043 Traffic Grey B

Color Harmonies

Complementary

#565754

#555457

Analogous

#575654

#545754

#565754

Triadic

#565754

#545657

#575456

Split Complementary

#565754

#545457

#565457

Tetradic

#565754

#545756

#555457

#575454

Color Blindness Simulation

Original

#565754

Protanopia

#565655

Deuteranopia

#565655

Tritanopia

#565555

Achromatopsia

#575757

CSS Usage

background-color: #565754;
color: #565754;
border-color: #565754;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDCDB
300
#C2C3C1
400
#A1A29F
500
#80827D
600
#676864
700
#525350
800
#40413F
900
#313130
950
#1F1F1E

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026