#331D87

#331D87

Color Values

HEX

#331D87

RGB

51, 29, 135

HSL

252.5, 64.6%, 32.2%

HSV

252.5, 78.5%, 52.9%

CMYK

62.2%, 78.5%, 0.0%, 47.1%

OKLCH

0.3396 0.1632 282.9

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#331D87

#71871D

Analogous

#1D3C87

#681D87

#331D87

Triadic

#331D87

#87331D

#1D8733

Split Complementary

#331D87

#87681D

#3C871D

Tetradic

#331D87

#871D3C

#71871D

#1D8768

Color Blindness Simulation

Original

#331D87

Protanopia

#29296D

Deuteranopia

#2B2C67

Tritanopia

#325955

Achromatopsia

#292929

CSS Usage

background-color: #331D87;
color: #331D87;
border-color: #331D87;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CEC4F2
300
#AB9AE9
400
#7D64DE
500
#4F2DD2
600
#4024A8
700
#331D86
800
#281769
900
#20144D
950
#140D30

Contrast Checker

Text on white

12.6:1

AA Pass AAA Pass

Text on black

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