#332F77

#332F77

Color Values

HEX

#332F77

RGB

51, 47, 119

HSL

243.3, 43.4%, 32.5%

HSV

243.3, 60.5%, 46.7%

CMYK

57.1%, 60.5%, 0.0%, 53.3%

OKLCH

0.3537 0.1192 280.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#332F77

#73772F

Analogous

#2F4F77

#572F77

#332F77

Triadic

#332F77

#77332F

#2F7733

Split Complementary

#332F77

#77572F

#4F772F

Tetradic

#332F77

#772F4F

#73772F

#2F7757

Color Blindness Simulation

Original

#332F77

Protanopia

#313166

Deuteranopia

#323261

Tritanopia

#335855

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CECCEB
300
#AAA7DC
400
#7C78CA
500
#4E48B7
600
#3F3A92
700
#322E75
800
#27245B
900
#201E43
950
#14132B

Contrast Checker

Text on white

11.58:1

AA Pass AAA Pass

Text on black

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