#5C6770

#5C6770

Color Values

HEX

#5C6770

RGB

92, 103, 112

HSL

207.0, 9.8%, 40.0%

HSV

207.0, 17.9%, 43.9%

CMYK

17.9%, 8.0%, 0.0%, 56.1%

OKLCH

0.5076 0.0197 242.7

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#5C6770

#70655C

Analogous

#5C706F

#5C5D70

#5C6770

Triadic

#5C6770

#705C67

#67705C

Split Complementary

#5C6770

#705C5D

#706F5C

Tetradic

#5C6770

#6F5C70

#70655C

#5D705C

Color Blindness Simulation

Original

#5C6770

Protanopia

#61616E

Deuteranopia

#605F6D

Tritanopia

#5D6C6C

Achromatopsia

#656565

CSS Usage

background-color: #5C6770;
color: #5C6770;
border-color: #5C6770;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DCDF
300
#BCC2C8
400
#97A2AA
500
#73818C
600
#5C6770
700
#4A525A
800
#3A4046
900
#2C3135
950
#1C1F21

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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