#4020DF

#4020DF

Color Values

HEX

#4020DF

RGB

64, 32, 223

HSL

250,1, 74,9%, 50,0%

HSV

250,1, 85,7%, 87,5%

CMYK

71,3%, 85,7%, 0,0%, 12,5%

OKLCH

0,4505 0,2579 276,0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#4020DF

#BFDF20

Analogous

#205FDF

#A020DF

#4020DF

Triadic

#4020DF

#DF4020

#20DF40

Split Complementary

#4020DF

#DFA020

#5FDF20

Tetradic

#4020DF

#DF205F

#BFDF20

#20DFA0

Color Blindness Simulation

Original

#4020DF

Protanopia

#3232B1

Deuteranopia

#3436A6

Tritanopia

#3E8C84

Achromatopsia

#353535

CSS Usage

background-color: #4020DF;
color: #4020DF;
border-color: #4020DF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FC
100
#E6E2F9
200
#CAC1F6
300
#A394F0
400
#725AE7
500
#4020DF
600
#331AB2
700
#29148F
800
#20106F
900
#1B1051
950
#110A33

Contrast Checker

Text on white

8,43:1

AA Pass AAA Pass

Text on black

2,49: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