#535657

#535657

Color Values

HEX

#535657

RGB

83, 86, 87

HSL

195.0, 2.4%, 33.3%

HSV

195.0, 4.6%, 34.1%

CMYK

4.6%, 1.1%, 0.0%, 65.9%

OKLCH

0.4508 0.0042 219.6

Properties

Cool Dark Nearest: RAL 7043 Traffic Grey B

Color Harmonies

Complementary

#535657

#575453

Analogous

#535756

#535457

#535657

Triadic

#535657

#575356

#565753

Split Complementary

#535657

#575354

#575653

Tetradic

#535657

#565357

#575453

#545753

Color Blindness Simulation

Original

#535657

Protanopia

#545457

Deuteranopia

#545457

Tritanopia

#535757

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADCDC
300
#C0C3C3
400
#9EA2A3
500
#7C8183
600
#646768
700
#505354
800
#3E4141
900
#2F3131
950
#1E1F1F

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

2.84: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