#333384

#333384

Color Values

HEX

#333384

RGB

51, 51, 132

HSL

240.0, 44.3%, 35.9%

HSV

240.0, 61.4%, 51.8%

CMYK

61.4%, 61.4%, 0.0%, 48.2%

OKLCH

0.3723 0.1325 277.8

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#333384

#848433

Analogous

#335C84

#5C3384

#333384

Triadic

#333384

#843333

#338433

Split Complementary

#333384

#845C33

#5C8433

Tetradic

#333384

#84335C

#848433

#33845C

Color Blindness Simulation

Original

#333384

Protanopia

#333370

Deuteranopia

#33336C

Tritanopia

#33615E

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCBEB
300
#A7A7DD
400
#7777CA
500
#4747B8
600
#393993
700
#2D2D76
800
#24245C
900
#1D1D44
950
#12122B

Contrast Checker

Text on white

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