#420EF1

#420EF1

Color Values

HEX

#420EF1

RGB

66, 14, 241

HSL

253.7, 89.0%, 50.0%

HSV

253.7, 94.2%, 94.5%

CMYK

72.6%, 94.2%, 0.0%, 5.5%

OKLCH

0.4625 0.2833 275.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#420EF1

#BDF10E

Analogous

#0E4CF1

#B30EF1

#420EF1

Triadic

#420EF1

#F1420E

#0EF142

Split Complementary

#420EF1

#F1B30E

#4CF10E

Tetradic

#420EF1

#F10E4C

#BDF10E

#0EF1B3

Color Blindness Simulation

Original

#420EF1

Protanopia

#2B2BBA

Deuteranopia

#2E32AD

Tritanopia

#3F8F85

Achromatopsia

#292929

CSS Usage

background-color: #420EF1;
color: #420EF1;
border-color: #420EF1;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E6E0FB
200
#CABCFB
300
#A48BF8
400
#734DF5
500
#420EF1
600
#350BC1
700
#2A099A
800
#210778
900
#1B0A57
950
#110637

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026