#5C6474

#5C6474

Color Values

HEX

#5C6474

RGB

92, 100, 116

HSL

220.0, 11.5%, 40.8%

HSV

220.0, 20.7%, 45.5%

CMYK

20.7%, 13.8%, 0.0%, 54.5%

OKLCH

0.5022 0.0274 264.3

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#5C6474

#746C5C

Analogous

#5C7074

#605C74

#5C6474

Triadic

#5C6474

#745C64

#64745C

Split Complementary

#5C6474

#74605C

#70745C

Tetradic

#5C6474

#745C70

#746C5C

#5C7460

Color Blindness Simulation

Original

#5C6474

Protanopia

#5F6070

Deuteranopia

#5F5E6F

Tritanopia

#5C6D6C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DADF
300
#BBBFC9
400
#969DAC
500
#717B8E
600
#5A6272
700
#484E5B
800
#383D47
900
#2B2F35
950
#1B1E22

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

3.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026