#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026