#476785

#476785

Color Values

HEX

#476785

RGB

71, 103, 133

HSL

209.0, 30.4%, 40.0%

HSV

209.0, 46.6%, 52.2%

CMYK

46.6%, 22.6%, 0.0%, 47.8%

OKLCH

0.5017 0.0609 247.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#476785

#856547

Analogous

#478584

#474885

#476785

Triadic

#476785

#854767

#678547

Split Complementary

#476785

#854748

#858447

Tetradic

#476785

#844785

#856547

#488547

Color Blindness Simulation

Original

#476785

Protanopia

#55557E

Deuteranopia

#53517C

Tritanopia

#497877

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D0DCE6
300
#AFC2D4
400
#84A2BD
500
#5981A6
600
#476785
700
#39526A
800
#2C4053
900
#23313E
950
#161F27

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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