#322BD4

#322BD4

Color Values

HEX

#322BD4

RGB

50, 43, 212

HSL

242.5, 66.3%, 50.0%

HSV

242.5, 79.7%, 83.1%

CMYK

76.4%, 79.7%, 0.0%, 16.9%

OKLCH

0.44 0.2419 272.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#322BD4

#CDD42B

Analogous

#2B78D4

#872BD4

#322BD4

Triadic

#322BD4

#D4322B

#2BD432

Split Complementary

#322BD4

#D4872B

#78D42B

Tetradic

#322BD4

#D42B78

#CDD42B

#2BD487

Color Blindness Simulation

Original

#322BD4

Protanopia

#2F2FAB

Deuteranopia

#2F30A1

Tritanopia

#328B84

Achromatopsia

#393939

CSS Usage

background-color: #322BD4;
color: #322BD4;
border-color: #322BD4;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C4F3
300
#9D99EA
400
#6762DF
500
#322BD4
600
#2822AA
700
#201B88
800
#19156A
900
#16144D
950
#0E0C31

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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