#332AD5

#332AD5

Color Values

HEX

#332AD5

RGB

51, 42, 213

HSL

243.2, 67.1%, 50.0%

HSV

243.2, 80.3%, 83.5%

CMYK

76.1%, 80.3%, 0.0%, 16.5%

OKLCH

0.4406 0.2436 272.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#332AD5

#CCD52A

Analogous

#2A76D5

#892AD5

#332AD5

Triadic

#332AD5

#D5332A

#2AD533

Split Complementary

#332AD5

#D5892A

#76D52A

Tetradic

#332AD5

#D52A76

#CCD52A

#2AD589

Color Blindness Simulation

Original

#332AD5

Protanopia

#2F2FAC

Deuteranopia

#3030A2

Tritanopia

#338B84

Achromatopsia

#383838

CSS Usage

background-color: #332AD5;
color: #332AD5;
border-color: #332AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9D99EB
400
#6861E0
500
#332AD5
600
#2922AA
700
#211B88
800
#1A156B
900
#16134E
950
#0E0C31

Contrast Checker

Text on white

8.63:1

AA Pass AAA Pass

Text on black

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