#475EFA

#475EFA

Color Values

HEX

#475EFA

RGB

71, 94, 250

HSL

232.3, 94.7%, 62.9%

HSV

232.3, 71.6%, 98.0%

CMYK

71.6%, 62.4%, 0.0%, 2.0%

OKLCH

0.5625 0.2316 270.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#475EFA

#FAE347

Analogous

#47B7FA

#8947FA

#475EFA

Triadic

#475EFA

#FA475E

#5EFA47

Split Complementary

#475EFA

#FA8947

#B7FA47

Tetradic

#475EFA

#FA47B7

#FAE347

#47FA89

Color Blindness Simulation

Original

#475EFA

Protanopia

#5151D4

Deuteranopia

#504ECB

Tritanopia

#48B6B0

Achromatopsia

#646464

CSS Usage

background-color: #475EFA;
color: #475EFA;
border-color: #475EFA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F3FE
100
#DFE2FC
200
#B9C2FD
300
#8897FC
400
#475EFA
500
#0726F8
600
#051EC7
700
#04189F
800
#03137C
900
#07125A
950
#050B39

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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