#474AE4

#474AE4

Color Values

HEX

#474AE4

RGB

71, 74, 228

HSL

238,9, 74,4%, 58,6%

HSV

238,9, 68,9%, 89,4%

CMYK

68,9%, 67,5%, 0,0%, 10,6%

OKLCH

0,5106 0,2264 274,1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#474AE4

#E4E147

Analogous

#4798E4

#9347E4

#474AE4

Triadic

#474AE4

#E4474A

#4AE447

Split Complementary

#474AE4

#E49347

#98E447

Tetradic

#474AE4

#E44798

#E4E147

#47E493

Color Blindness Simulation

Original

#474AE4

Protanopia

#4848BF

Deuteranopia

#4848B6

Tritanopia

#47A19B

Achromatopsia

#545454

CSS Usage

background-color: #474AE4;
color: #474AE4;
border-color: #474AE4;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C2F6
300
#9496EF
400
#5A5DE7
500
#2124DE
600
#1A1DB2
700
#15178E
800
#10126F
900
#101151
950
#0A0B33

Contrast Checker

Text on white

6,24:1

AA Pass AAA Fail

Text on black

3,37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026