#550533

#550533

Color Values

HEX

#550533

RGB

85, 5, 51

HSL

325.5, 88.9%, 17.6%

HSV

325.5, 94.1%, 33.3%

CMYK

0.0%, 94.1%, 40.0%, 66.7%

OKLCH

0.2991 0.1172 352.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550533

#055527

Analogous

#4F0555

#55050B

#550533

Triadic

#550533

#335505

#053355

Split Complementary

#550533

#0B5505

#05554F

Tetradic

#550533

#554F05

#055527

#050B55

Color Blindness Simulation

Original

#550533

Protanopia

#323228

Deuteranopia

#373D25

Tritanopia

#511F1D

Achromatopsia

#191919

CSS Usage

background-color: #550533;
color: #550533;
border-color: #550533;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBCE0
300
#F88BCA
400
#F54DAD
500
#F10E91
600
#C10B74
700
#9A095C
800
#780748
900
#570A36
950
#370622

Contrast Checker

Text on white

14.43:1

AA Pass AAA Pass

Text on black

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