#322D76

#322D76

Color Values

HEX

#322D76

RGB

50, 45, 118

HSL

244.1, 44.8%, 32.0%

HSV

244.1, 61.9%, 46.3%

CMYK

57.6%, 61.9%, 0.0%, 53.7%

OKLCH

0.3481 0.1208 281.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#322D76

#71762D

Analogous

#2D4D76

#572D76

#322D76

Triadic

#322D76

#76322D

#2D7632

Split Complementary

#322D76

#76572D

#4D762D

Tetradic

#322D76

#762D4D

#71762D

#2D7657

Color Blindness Simulation

Original

#322D76

Protanopia

#303064

Deuteranopia

#303060

Tritanopia

#325653

Achromatopsia

#333333

CSS Usage

background-color: #322D76;
color: #322D76;
border-color: #322D76;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCBEB
300
#AAA6DD
400
#7C76CB
500
#4E46B9
600
#3F3894
700
#322D76
800
#27235C
900
#201D44
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