#550B2B

#550B2B

Color Values

HEX

#550B2B

RGB

85, 11, 43

HSL

334.1, 77.1%, 18.8%

HSV

334.1, 87.1%, 33.3%

CMYK

0.0%, 87.1%, 49.4%, 66.7%

OKLCH

0.3004 0.1078 0.6

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550B2B

#0B5535

Analogous

#550B50

#55100B

#550B2B

Triadic

#550B2B

#2B550B

#0B2B55

Split Complementary

#550B2B

#0B5510

#0B5055

Tetradic

#550B2B

#50550B

#0B5535

#100B55

Color Blindness Simulation

Original

#550B2B

Protanopia

#353423

Deuteranopia

#393F21

Tritanopia

#511D1C

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7C0D8
300
#F193BB
400
#E95897
500
#E21D72
600
#B5175B
700
#911349
800
#710F39
900
#520F2C
950
#34091C

Contrast Checker

Text on white

14.3:1

AA Pass AAA Pass

Text on black

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