#550B33

#550B33

Color Values

HEX

#550B33

RGB

85, 11, 51

HSL

327.6, 77.1%, 18.8%

HSV

327.6, 87.1%, 33.3%

CMYK

0.0%, 87.1%, 40.0%, 66.7%

OKLCH

0.3036 0.1113 353.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550B33

#0B552D

Analogous

#520B55

#550B0E

#550B33

Triadic

#550B33

#33550B

#0B3355

Split Complementary

#550B33

#0E550B

#0B5552

Tetradic

#550B33

#55520B

#0B552D

#0B0E55

Color Blindness Simulation

Original

#550B33

Protanopia

#353429

Deuteranopia

#393F27

Tritanopia

#512220

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EE
200
#F7C0DE
300
#F193C6
400
#E958A6
500
#E21D87
600
#B5176C
700
#911357
800
#710F44
900
#520F33
950
#340920

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

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