#331C88

#331C88

Color Values

HEX

#331C88

RGB

51, 28, 136

HSL

252.8, 65.9%, 32.2%

HSV

252.8, 79.4%, 53.3%

CMYK

62.5%, 79.4%, 0.0%, 46.7%

OKLCH

0.3394 0.1654 282.9

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#331C88

#71881C

Analogous

#1C3B88

#691C88

#331C88

Triadic

#331C88

#88331C

#1C8833

Split Complementary

#331C88

#88691C

#3B881C

Tetradic

#331C88

#881C3B

#71881C

#1C8869

Color Blindness Simulation

Original

#331C88

Protanopia

#29296E

Deuteranopia

#2A2C68

Tritanopia

#325955

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CEC4F3
300
#AB99EA
400
#7D62DF
500
#4F2BD4
600
#3F23A9
700
#331C87
800
#28166A
900
#20144D
950
#140C31

Contrast Checker

Text on white

12.63:1

AA Pass AAA Pass

Text on black

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