#322C84

#322C84

Color Values

HEX

#322C84

RGB

50, 44, 132

HSL

244.1, 50.0%, 34.5%

HSV

244.1, 66.7%, 51.8%

CMYK

62.1%, 66.7%, 0.0%, 48.2%

OKLCH

0.3587 0.142 279.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#322C84

#7E842C

Analogous

#2C5284

#5E2C84

#322C84

Triadic

#322C84

#84322C

#2C8432

Split Complementary

#322C84

#845E2C

#52842C

Tetradic

#322C84

#842C52

#7E842C

#2C845E

Color Blindness Simulation

Original

#322C84

Protanopia

#2F2F6F

Deuteranopia

#30306A

Tritanopia

#325E5A

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CCC9ED
300
#A7A3E0
400
#7871D0
500
#4840BF
600
#3A3399
700
#2E297A
800
#242060
900
#1E1B46
950
#13112C

Contrast Checker

Text on white

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