#552ED1

#552ED1

Color Values

HEX

#552ED1

RGB

85, 46, 209

HSL

254.4, 63.9%, 50.0%

HSV

254.4, 78.0%, 82.0%

CMYK

59.3%, 78.0%, 0.0%, 18.0%

OKLCH

0.4654 0.229 284.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#552ED1

#AAD12E

Analogous

#2E58D1

#A72ED1

#552ED1

Triadic

#552ED1

#D1552E

#2ED155

Split Complementary

#552ED1

#D1A72E

#58D12E

Tetradic

#552ED1

#D12E58

#AAD12E

#2ED1A7

Color Blindness Simulation

Original

#552ED1

Protanopia

#4444AA

Deuteranopia

#4649A0

Tritanopia

#538A84

Achromatopsia

#424242

CSS Usage

background-color: #552ED1;
color: #552ED1;
border-color: #552ED1;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#CFC4F2
300
#AD9BE9
400
#8164DD
500
#552ED1
600
#4425A7
700
#361D86
800
#2B1768
900
#22154C
950
#150D30

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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