#33213F

#33213F

Color Values

HEX

#33213F

RGB

51, 33, 63

HSL

276.0, 31.2%, 18.8%

HSV

276.0, 47.6%, 24.7%

CMYK

19.0%, 47.6%, 0.0%, 75.3%

OKLCH

0.2844 0.058 310.8

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#33213F

#2D3F21

Analogous

#24213F

#3F213C

#33213F

Triadic

#33213F

#3F3321

#213F33

Split Complementary

#33213F

#3C3F21

#213F24

Tetradic

#33213F

#3F2421

#2D3F21

#213C3F

Color Blindness Simulation

Original

#33213F

Protanopia

#2B2B38

Deuteranopia

#2C2E36

Tritanopia

#323231

Achromatopsia

#272727

CSS Usage

background-color: #33213F;
color: #33213F;
border-color: #33213F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E6
300
#C6AFD5
400
#A783BE
500
#8758A7
600
#6C4686
700
#57386B
800
#442C54
900
#33233E
950
#201627

Contrast Checker

Text on white

14.68:1

AA Pass AAA Pass

Text on black

1.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