#552B7F

#552B7F

Color Values

HEX

#552B7F

RGB

85, 43, 127

HSL

270.0, 49.4%, 33.3%

HSV

270.0, 66.1%, 49.8%

CMYK

33.1%, 66.1%, 0.0%, 50.2%

OKLCH

0.3889 0.1371 303.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#552B7F

#557F2B

Analogous

#2B2B7F

#7F2B7F

#552B7F

Triadic

#552B7F

#7F552B

#2B7F55

Split Complementary

#552B7F

#7F7F2B

#2B7F2B

Tetradic

#552B7F

#7F2B2B

#557F2B

#2B7F7F

Color Blindness Simulation

Original

#552B7F

Protanopia

#43426B

Deuteranopia

#454866

Tritanopia

#535B57

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBCAED
300
#C2A4E0
400
#A172CF
500
#8041BE
600
#663498
700
#52297A
800
#40205F
900
#301B46
950
#1F112C

Contrast Checker

Text on white

10.3:1

AA Pass AAA Pass

Text on black

2.04:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026