#476D85

#476D85

Color Values

HEX

#476D85

RGB

71, 109, 133

HSL

203.2, 30.4%, 40.0%

HSV

203.2, 46.6%, 52.2%

CMYK

46.6%, 18.0%, 0.0%, 47.8%

OKLCH

0.5161 0.0575 237.1

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#476D85

#855F47

Analogous

#47857E

#474E85

#476D85

Triadic

#476D85

#85476D

#6D8547

Split Complementary

#476D85

#85474E

#857E47

Tetradic

#476D85

#7E4785

#855F47

#4E8547

Color Blindness Simulation

Original

#476D85

Protanopia

#57587F

Deuteranopia

#55527E

Tritanopia

#497B7A

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DEE6
300
#AFC6D4
400
#84A7BD
500
#5988A6
600
#476D85
700
#39576A
800
#2C4453
900
#23333E
950
#162027

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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