#331EE1

#331EE1

Color Values

HEX

#331EE1

RGB

51, 30, 225

HSL

246.5, 76.5%, 50.0%

HSV

246.5, 86.7%, 88.2%

CMYK

77.3%, 86.7%, 0.0%, 11.8%

OKLCH

0.4432 0.2643 272.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#331EE1

#CCE11E

Analogous

#1E6AE1

#951EE1

#331EE1

Triadic

#331EE1

#E1331E

#1EE133

Split Complementary

#331EE1

#E1951E

#6AE11E

Tetradic

#331EE1

#E11E6A

#CCE11E

#1EE195

Color Blindness Simulation

Original

#331EE1

Protanopia

#2A2AB2

Deuteranopia

#2B2DA6

Tritanopia

#328D84

Achromatopsia

#313131

CSS Usage

background-color: #331EE1;
color: #331EE1;
border-color: #331EE1;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C6C0F7
300
#9D93F1
400
#6858E9
500
#331EE1
600
#2918B4
700
#211390
800
#1A0F71
900
#160F52
950
#0E0A34

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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