#475569

#475569

Color Values

HEX

#475569

RGB

71, 85, 105

HSL

215.3, 19.3%, 34.5%

HSV

215.3, 32.4%, 41.2%

CMYK

32.4%, 19.0%, 0.0%, 58.8%

OKLCH

0.4455 0.0374 257.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#475569

#695B47

Analogous

#476669

#4A4769

#475569

Triadic

#475569

#694755

#556947

Split Complementary

#475569

#694A47

#666947

Tetradic

#475569

#694766

#695B47

#47694A

Color Blindness Simulation

Original

#475569

Protanopia

#4D4D64

Deuteranopia

#4C4B63

Tritanopia

#486060

Achromatopsia

#535353

CSS Usage

background-color: #475569;
color: #475569;
border-color: #475569;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE2
300
#B6C0CE
400
#8E9DB3
500
#677B98
600
#52637A
700
#424F61
800
#333E4C
900
#282F39
950
#191E24

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Part of These Collections

Tailwind CSS — Slate

Slate 600

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