#552A79

#552A79

Color Values

HEX

#552A79

RGB

85, 42, 121

HSL

272.7, 48.5%, 32.0%

HSV

272.7, 65.3%, 47.5%

CMYK

29.8%, 65.3%, 0.0%, 52.5%

OKLCH

0.383 0.1314 306.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#552A79

#4E792A

Analogous

#2E2A79

#792A76

#552A79

Triadic

#552A79

#79552A

#2A7955

Split Complementary

#552A79

#76792A

#2A792E

Tetradic

#552A79

#792E2A

#4E792A

#2A7679

Color Blindness Simulation

Original

#552A79

Protanopia

#424266

Deuteranopia

#454861

Tritanopia

#535753

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DDCAED
300
#C4A4DF
400
#A573CE
500
#8542BD
600
#6A3597
700
#552A79
800
#43215F
900
#321B46
950
#20112C

Contrast Checker

Text on white

10.53:1

AA Pass AAA Pass

Text on black

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