#550632

#550632

Color Values

HEX

#550632

RGB

85, 6, 50

HSL

326.6, 86.8%, 17.8%

HSV

326.6, 92.9%, 33.3%

CMYK

0.0%, 92.9%, 41.2%, 66.7%

OKLCH

0.2994 0.1157 353.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550632

#065529

Analogous

#500655

#55060A

#550632

Triadic

#550632

#325506

#063255

Split Complementary

#550632

#0A5506

#065550

Tetradic

#550632

#555006

#065529

#060A55

Color Blindness Simulation

Original

#550632

Protanopia

#333227

Deuteranopia

#373D25

Tritanopia

#511F1D

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABCDF
300
#F78DC8
400
#F34FAA
500
#EE118C
600
#BF0D70
700
#980B5A
800
#770846
900
#560B35
950
#370721

Contrast Checker

Text on white

14.4:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026