#476891

#476891

Color Values

HEX

#476891

RGB

71, 104, 145

HSL

213.2, 34.3%, 42.4%

HSV

213.2, 51.0%, 56.9%

CMYK

51.0%, 28.3%, 0.0%, 43.1%

OKLCH

0.5099 0.0761 254.4

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#476891

#917047

Analogous

#478D91

#4B4791

#476891

Triadic

#476891

#914768

#689147

Split Complementary

#476891

#914B47

#8D9147

Tetradic

#476891

#91478D

#917047

#47914B

Color Blindness Simulation

Original

#476891

Protanopia

#555687

Deuteranopia

#535185

Tritanopia

#497F7E

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ADC0D7
400
#809DC1
500
#547BAB
600
#436289
700
#364F6E
800
#2A3D56
900
#212F3F
950
#151E28

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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