#550838

#550838

Color Values

HEX

#550838

RGB

85, 8, 56

HSL

322.6, 82.8%, 18.2%

HSV

322.6, 90.6%, 33.3%

CMYK

0.0%, 90.6%, 34.1%, 66.7%

OKLCH

0.3036 0.117 348.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550838

#085525

Analogous

#4B0855

#550811

#550838

Triadic

#550838

#385508

#083855

Split Complementary

#550838

#115508

#08554B

Tetradic

#550838

#554B08

#085525

#081155

Color Blindness Simulation

Original

#550838

Protanopia

#34332C

Deuteranopia

#383E2A

Tritanopia

#512321

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE1F0
200
#F9BEE3
300
#F48FCE
400
#EF53B4
500
#E9169A
600
#BA127B
700
#950E62
800
#750B4D
900
#550C39
950
#350824

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

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