#476691

#476691

Color Values

HEX

#476691

RGB

71, 102, 145

HSL

214.9, 34.3%, 42.4%

HSV

214.9, 51.0%, 56.9%

CMYK

51.0%, 29.7%, 0.0%, 43.1%

OKLCH

0.5052 0.078 256.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#476691

#917247

Analogous

#478B91

#4D4791

#476691

Triadic

#476691

#914766

#669147

Split Complementary

#476691

#914D47

#8B9147

Tetradic

#476691

#91478B

#917247

#47914D

Color Blindness Simulation

Original

#476691

Protanopia

#545587

Deuteranopia

#535084

Tritanopia

#497E7D

Achromatopsia

#636363

CSS Usage

background-color: #476691;
color: #476691;
border-color: #476691;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E8
300
#ADBED7
400
#809BC1
500
#5478AB
600
#436089
700
#364D6E
800
#2A3C56
900
#212E3F
950
#151D28

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026