#33225D

#33225D

Color Values

HEX

#33225D

RGB

51, 34, 93

HSL

257.3, 46.5%, 24.9%

HSV

257.3, 63.4%, 36.5%

CMYK

45.2%, 63.4%, 0.0%, 63.5%

OKLCH

0.3077 0.1008 292.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#33225D

#4C5D22

Analogous

#222E5D

#51225D

#33225D

Triadic

#33225D

#5D3322

#225D33

Split Complementary

#33225D

#5D5122

#2E5D22

Tetradic

#33225D

#5D222E

#4C5D22

#225D51

Color Blindness Simulation

Original

#33225D

Protanopia

#2C2B4F

Deuteranopia

#2D2E4B

Tritanopia

#324341

Achromatopsia

#2A2A2A

CSS Usage

background-color: #33225D;
color: #33225D;
border-color: #33225D;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CBEC
300
#B6A5DE
400
#8E75CD
500
#6644BB
600
#523795
700
#422C78
800
#33225D
900
#281C45
950
#19122B

Contrast Checker

Text on white

13.75:1

AA Pass AAA Pass

Text on black

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