#3F20DF

#3F20DF

Color Values

HEX

#3F20DF

RGB

63, 32, 223

HSL

249.7, 74.9%, 50.0%

HSV

249.7, 85.7%, 87.5%

CMYK

71.7%, 85.7%, 0.0%, 12.5%

OKLCH

0.4499 0.2581 275.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3F20DF

#C0DF20

Analogous

#2061DF

#9E20DF

#3F20DF

Triadic

#3F20DF

#DF3F20

#20DF3F

Split Complementary

#3F20DF

#DF9E20

#61DF20

Tetradic

#3F20DF

#DF2061

#C0DF20

#20DF9E

Color Blindness Simulation

Original

#3F20DF

Protanopia

#3231B1

Deuteranopia

#3336A6

Tritanopia

#3D8C84

Achromatopsia

#343434

CSS Usage

background-color: #3F20DF;
color: #3F20DF;
border-color: #3F20DF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FC
100
#E5E2F9
200
#C9C1F6
300
#A394F0
400
#715AE7
500
#3F20DF
600
#321AB2
700
#28148F
800
#1F106F
900
#1A1051
950
#110A33

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

2.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026