#552B5A

#552B5A

Color Values

HEX

#552B5A

RGB

85, 43, 90

HSL

293.6, 35.3%, 26.1%

HSV

293.6, 52.2%, 35.3%

CMYK

5.6%, 52.2%, 0.0%, 64.7%

OKLCH

0.3643 0.0929 323.2

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#552B5A

#305A2B

Analogous

#3E2B5A

#5A2B48

#552B5A

Triadic

#552B5A

#5A552B

#2B5A55

Split Complementary

#552B5A

#485A2B

#2B5A3E

Tetradic

#552B5A

#5A3E2B

#305A2B

#2B485A

Color Blindness Simulation

Original

#552B5A

Protanopia

#43424F

Deuteranopia

#45484C

Tritanopia

#534644

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E8F3
200
#E5CFE8
300
#D3ACD7
400
#BB7FC2
500
#A352AD
600
#82428A
700
#68356E
800
#512956
900
#3D2140
950
#261528

Contrast Checker

Text on white

11.17:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026