#476F99

#476F99

Color Values

HEX

#476F99

RGB

71, 111, 153

HSL

210.7, 36.6%, 43.9%

HSV

210.7, 53.6%, 60.0%

CMYK

53.6%, 27.5%, 0.0%, 40.0%

OKLCH

0.5304 0.0804 250.7

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#476F99

#997147

Analogous

#479899

#484799

#476F99

Triadic

#476F99

#99476F

#6F9947

Split Complementary

#476F99

#994847

#989947

Tetradic

#476F99

#994798

#997147

#479948

Color Blindness Simulation

Original

#476F99

Protanopia

#58598F

Deuteranopia

#56538C

Tritanopia

#498785

Achromatopsia

#6A6A6A

CSS Usage

background-color: #476F99;
color: #476F99;
border-color: #476F99;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDBE8
300
#ABC1D8
400
#7EA0C3
500
#517EAE
600
#41658B
700
#34516F
800
#283F57
900
#203040
950
#151E29

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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