#474EF4

#474EF4

Color Values

HEX

#474EF4

RGB

71, 78, 244

HSL

237.6, 88.7%, 61.8%

HSV

237.6, 70.9%, 95.7%

CMYK

70.9%, 68.0%, 0.0%, 4.3%

OKLCH

0.5314 0.2416 272.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#474EF4

#F4ED47

Analogous

#47A5F4

#9747F4

#474EF4

Triadic

#474EF4

#F4474E

#4EF447

Split Complementary

#474EF4

#F49747

#A5F447

Tetradic

#474EF4

#F447A5

#F4ED47

#47F497

Color Blindness Simulation

Original

#474EF4

Protanopia

#4A4ACC

Deuteranopia

#4A49C2

Tritanopia

#47ACA5

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BCBEFB
300
#8C90F8
400
#4D54F4
500
#0E17F1
600
#0C13C0
700
#090F9A
800
#070C78
900
#0A0D57
950
#060837

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026