#575A65

#575A65

Color Values

HEX

#575A65

RGB

87, 90, 101

HSL

227.1, 7.4%, 36.9%

HSV

227.1, 13.9%, 39.6%

CMYK

13.9%, 10.9%, 0.0%, 60.4%

OKLCH

0.4689 0.0181 273.6

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#575A65

#656257

Analogous

#576165

#5B5765

#575A65

Triadic

#575A65

#65575A

#5A6557

Split Complementary

#575A65

#655B57

#616557

Tetradic

#575A65

#655761

#656257

#57655B

Color Blindness Simulation

Original

#575A65

Protanopia

#585862

Deuteranopia

#585862

Tritanopia

#576060

Achromatopsia

#5A5A5A

CSS Usage

background-color: #575A65;
color: #575A65;
border-color: #575A65;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DADE
300
#BDBFC6
400
#9A9DA8
500
#767A89
600
#5E626E
700
#4C4E58
800
#3B3D44
900
#2D2F34
950
#1D1D21

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026