#476B99

#476B99

Color Values

HEX

#476B99

RGB

71, 107, 153

HSL

213.7, 36.6%, 43.9%

HSV

213.7, 53.6%, 60.0%

CMYK

53.6%, 30.1%, 0.0%, 40.0%

OKLCH

0.5211 0.0841 255.1

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#476B99

#997547

Analogous

#479499

#4C4799

#476B99

Triadic

#476B99

#99476B

#6B9947

Split Complementary

#476B99

#994C47

#949947

Tetradic

#476B99

#994794

#997547

#47994C

Color Blindness Simulation

Original

#476B99

Protanopia

#57578E

Deuteranopia

#54528B

Tritanopia

#498583

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CEDAE8
300
#ABBFD8
400
#7E9CC3
500
#517AAE
600
#41618B
700
#344E6F
800
#283D57
900
#202E40
950
#151D29

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026