#552D6B

#552D6B

Color Values

HEX

#552D6B

RGB

85, 45, 107

HSL

278.7, 40.8%, 29.8%

HSV

278.7, 57.9%, 42.0%

CMYK

20.6%, 57.9%, 0.0%, 58.0%

OKLCH

0.378 0.1094 312.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#552D6B

#436B2D

Analogous

#362D6B

#6B2D62

#552D6B

Triadic

#552D6B

#6B552D

#2D6B55

Split Complementary

#552D6B

#626B2D

#2D6B36

Tetradic

#552D6B

#6B362D

#436B2D

#2D626B

Color Blindness Simulation

Original

#552D6B

Protanopia

#44435C

Deuteranopia

#464958

Tritanopia

#53504E

Achromatopsia

#3A3A3A

CSS Usage

background-color: #552D6B;
color: #552D6B;
border-color: #552D6B;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDEA
300
#C9A9DB
400
#AC7AC7
500
#8F4BB4
600
#723C90
700
#5B3073
800
#47265A
900
#361F42
950
#22132A

Contrast Checker

Text on white

10.64:1

AA Pass AAA Pass

Text on black

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