#3320AC

#3320AC

Color Values

HEX

#3320AC

RGB

51, 32, 172

HSL

248.1, 68.6%, 40.0%

HSV

248.1, 81.4%, 67.5%

CMYK

70.3%, 81.4%, 0.0%, 32.5%

OKLCH

0.3836 0.2046 276.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3320AC

#99AC20

Analogous

#2053AC

#7920AC

#3320AC

Triadic

#3320AC

#AC3320

#20AC33

Split Complementary

#3320AC

#AC7920

#53AC20

Tetradic

#3320AC

#AC2053

#99AC20

#20AC79

Color Blindness Simulation

Original

#3320AC

Protanopia

#2B2B8A

Deuteranopia

#2C2D82

Tritanopia

#326F6A

Achromatopsia

#2E2E2E

CSS Usage

background-color: #3320AC;
color: #3320AC;
border-color: #3320AC;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F3FC
100
#E6E3F8
200
#C9C3F4
300
#A398EC
400
#7160E1
500
#4028D7
600
#3320AC
700
#291A8A
800
#20146B
900
#1B134E
950
#110C31

Contrast Checker

Text on white

10.81:1

AA Pass AAA Pass

Text on black

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