#332C78

#332C78

Color Values

HEX

#332C78

RGB

51, 44, 120

HSL

245.5, 46.3%, 32.2%

HSV

245.5, 63.3%, 47.1%

CMYK

57.5%, 63.3%, 0.0%, 52.9%

OKLCH

0.3488 0.1249 281.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#332C78

#71782C

Analogous

#2C4B78

#592C78

#332C78

Triadic

#332C78

#78332C

#2C7833

Split Complementary

#332C78

#78592C

#4B782C

Tetradic

#332C78

#782C4B

#71782C

#2C7859

Color Blindness Simulation

Original

#332C78

Protanopia

#303066

Deuteranopia

#303161

Tritanopia

#335754

Achromatopsia

#333333

CSS Usage

background-color: #332C78;
color: #332C78;
border-color: #332C78;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CECBEC
300
#ABA5DE
400
#7D75CC
500
#4F44BB
600
#3F3795
700
#332C77
800
#28225D
900
#201C45
950
#14122B

Contrast Checker

Text on white

11.85:1

AA Pass AAA Pass

Text on black

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