#552D58

#552D58

Color Values

HEX

#552D58

RGB

85, 45, 88

HSL

295.8, 32.3%, 26.1%

HSV

295.8, 48.9%, 34.5%

CMYK

3.4%, 48.9%, 0.0%, 65.5%

OKLCH

0.3666 0.0867 324.6

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#552D58

#30582D

Analogous

#402D58

#582D46

#552D58

Triadic

#552D58

#58552D

#2D5855

Split Complementary

#552D58

#46582D

#2D5840

Tetradic

#552D58

#58402D

#30582D

#2D4658

Color Blindness Simulation

Original

#552D58

Protanopia

#44434E

Deuteranopia

#46494B

Tritanopia

#534544

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F1E8F2
200
#E5D0E7
300
#D3AED6
400
#BB82BF
500
#A356A9
600
#824587
700
#68376C
800
#512B54
900
#3D223F
950
#261627

Contrast Checker

Text on white

11.04:1

AA Pass AAA Pass

Text on black

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