#3F158E

#3F158E

Color Values

HEX

#3F158E

RGB

63, 21, 142

HSL

260.8, 74.2%, 32.0%

HSV

260.8, 85.2%, 55.7%

CMYK

55.6%, 85.2%, 0.0%, 44.3%

OKLCH

0.3504 0.1774 289.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#3F158E

#648E15

Analogous

#15288E

#7C158E

#3F158E

Triadic

#3F158E

#8E3F15

#158E3F

Split Complementary

#3F158E

#8E7C15

#288E15

Tetradic

#3F158E

#8E1528

#648E15

#158E7C

Color Blindness Simulation

Original

#3F158E

Protanopia

#2D2C71

Deuteranopia

#2F326A

Tritanopia

#3D5A55

Achromatopsia

#272727

CSS Usage

background-color: #3F158E;
color: #3F158E;
border-color: #3F158E;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F3FC
100
#EAE2F8
200
#D3C1F6
300
#B494EF
400
#8B5BE7
500
#6221DE
600
#4F1AB2
700
#3F158E
800
#31106F
900
#271051
950
#180A33

Contrast Checker

Text on white

12.29:1

AA Pass AAA Pass

Text on black

1.71: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