#553C75

#553C75

Color Values

HEX

#553C75

RGB

85, 60, 117

HSL

266.3, 32.2%, 34.7%

HSV

266.3, 48.7%, 45.9%

CMYK

27.4%, 48.7%, 0.0%, 54.1%

OKLCH

0.4107 0.0958 302.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#553C75

#5C753C

Analogous

#3C4075

#713C75

#553C75

Triadic

#553C75

#75553C

#3C7555

Split Complementary

#553C75

#75713C

#40753C

Tetradic

#553C75

#753C40

#5C753C

#3C7571

Color Blindness Simulation

Original

#553C75

Protanopia

#4A4A67

Deuteranopia

#4C4E64

Tritanopia

#545C5A

Achromatopsia

#454545

CSS Usage

background-color: #553C75;
color: #553C75;
border-color: #553C75;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DAD0E7
300
#BFAED6
400
#9D82BF
500
#7A56A9
600
#624587
700
#4E376C
800
#3D2B54
900
#2F223E
950
#1E1627

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026