#332D80

#332D80

Color Values

HEX

#332D80

RGB

51, 45, 128

HSL

244.3, 48.0%, 33.9%

HSV

244.3, 64.8%, 50.2%

CMYK

60.2%, 64.8%, 0.0%, 49.8%

OKLCH

0.3577 0.1349 280.3

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#332D80

#7A802D

Analogous

#2D5080

#5C2D80

#332D80

Triadic

#332D80

#80332D

#2D8033

Split Complementary

#332D80

#805C2D

#50802D

Tetradic

#332D80

#802D50

#7A802D

#2D805C

Color Blindness Simulation

Original

#332D80

Protanopia

#30306C

Deuteranopia

#313167

Tritanopia

#335C59

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCAEC
300
#A9A4DF
400
#7A73CE
500
#4B42BD
600
#3C3597
700
#302A79
800
#26215E
900
#1F1C45
950
#13112C

Contrast Checker

Text on white

11.49:1

AA Pass AAA Pass

Text on black

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