#476885

#476885

Color Values

HEX

#476885

RGB

71, 104, 133

HSL

208.1, 30.4%, 40.0%

HSV

208.1, 46.6%, 52.2%

CMYK

46.6%, 21.8%, 0.0%, 47.8%

OKLCH

0.504 0.0602 245.9

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#476885

#856447

Analogous

#478583

#474985

#476885

Triadic

#476885

#854768

#688547

Split Complementary

#476885

#854749

#858347

Tetradic

#476885

#834785

#856447

#498547

Color Blindness Simulation

Original

#476885

Protanopia

#55567E

Deuteranopia

#53517C

Tritanopia

#497877

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D0DCE6
300
#AFC3D4
400
#84A2BD
500
#5982A6
600
#476885
700
#39536A
800
#2C4153
900
#23313E
950
#161F27

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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