#3322AA

#3322AA

Color Values

HEX

#3322AA

RGB

51, 34, 170

HSL

247.5, 66.7%, 40.0%

HSV

247.5, 80.0%, 66.7%

CMYK

70.0%, 80.0%, 0.0%, 33.3%

OKLCH

0.3836 0.2007 276.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3322AA

#99AA22

Analogous

#2255AA

#7722AA

#3322AA

Triadic

#3322AA

#AA3322

#22AA33

Split Complementary

#3322AA

#AA7722

#55AA22

Tetradic

#3322AA

#AA2255

#99AA22

#22AA77

Color Blindness Simulation

Original

#3322AA

Protanopia

#2C2B89

Deuteranopia

#2D2E81

Tritanopia

#326F69

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3322AA;
color: #3322AA;
border-color: #3322AA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#C9C3F3
300
#A399EB
400
#7162E0
500
#402AD5
600
#3322AA
700
#291B88
800
#20156A
900
#1B134E
950
#110C31

Contrast Checker

Text on white

10.77:1

AA Pass AAA Pass

Text on black

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