#322AD0

#322AD0

Color Values

HEX

#322AD0

RGB

50, 42, 208

HSL

242.9, 66.4%, 49.0%

HSV

242.9, 79.8%, 81.6%

CMYK

76.0%, 79.8%, 0.0%, 18.4%

OKLCH

0.4345 0.2382 272.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#322AD0

#C8D02A

Analogous

#2A75D0

#852AD0

#322AD0

Triadic

#322AD0

#D0322A

#2AD032

Split Complementary

#322AD0

#D0852A

#75D02A

Tetradic

#322AD0

#D02A75

#C8D02A

#2AD085

Color Blindness Simulation

Original

#322AD0

Protanopia

#2F2EA8

Deuteranopia

#2F309E

Tritanopia

#328881

Achromatopsia

#383838

CSS Usage

background-color: #322AD0;
color: #322AD0;
border-color: #322AD0;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C4F3
300
#9D99EA
400
#6862DF
500
#332BD4
600
#2922AA
700
#211B88
800
#1A156A
900
#16134D
950
#0E0C31

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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