#476790

#476790

Color Values

HEX

#476790

RGB

71, 103, 144

HSL

213.7, 34.0%, 42.2%

HSV

213.7, 50.7%, 56.5%

CMYK

50.7%, 28.5%, 0.0%, 43.5%

OKLCH

0.5071 0.0756 255.0

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#476790

#907047

Analogous

#478C90

#4C4790

#476790

Triadic

#476790

#904767

#679047

Split Complementary

#476790

#904C47

#8C9047

Tetradic

#476790

#90478C

#907047

#47904C

Color Blindness Simulation

Original

#476790

Protanopia

#555586

Deuteranopia

#535184

Tritanopia

#497E7D

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE7
300
#ADBFD7
400
#819DC1
500
#547AAB
600
#436289
700
#364E6D
800
#2A3D55
900
#222F3F
950
#151D28

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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