#476F85

#476F85

Color Values

HEX

#476F85

RGB

71, 111, 133

HSL

201.3, 30.4%, 40.0%

HSV

201.3, 46.6%, 52.2%

CMYK

46.6%, 16.5%, 0.0%, 47.8%

OKLCH

0.521 0.0568 233.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#476F85

#855D47

Analogous

#47857C

#475085

#476F85

Triadic

#476F85

#85476F

#6F8547

Split Complementary

#476F85

#854750

#857C47

Tetradic

#476F85

#7C4785

#855D47

#508547

Color Blindness Simulation

Original

#476F85

Protanopia

#585980

Deuteranopia

#56537E

Tritanopia

#497B7B

Achromatopsia

#686868

CSS Usage

background-color: #476F85;
color: #476F85;
border-color: #476F85;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DEE6
300
#AFC7D4
400
#84A9BD
500
#598BA6
600
#476F85
700
#39596A
800
#2C4553
900
#23343E
950
#162127

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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