#476491

#476491

Color Values

HEX

#476491

RGB

71, 100, 145

HSL

216.5, 34.3%, 42.4%

HSV

216.5, 51.0%, 56.9%

CMYK

51.0%, 31.0%, 0.0%, 43.1%

OKLCH

0.5006 0.0801 258.9

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#476491

#917447

Analogous

#478991

#4F4791

#476491

Triadic

#476491

#914764

#649147

Split Complementary

#476491

#914F47

#899147

Tetradic

#476491

#914789

#917447

#47914F

Color Blindness Simulation

Original

#476491

Protanopia

#545486

Deuteranopia

#525084

Tritanopia

#487E7C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E8
300
#ADBDD7
400
#809AC1
500
#5476AB
600
#435E89
700
#364C6E
800
#2A3B56
900
#212D3F
950
#151D28

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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