#550B37

#550B37

Color Values

HEX

#550B37

RGB

85, 11, 55

HSL

324.3, 77.1%, 18.8%

HSV

324.3, 87.1%, 33.3%

CMYK

0.0%, 87.1%, 35.3%, 66.7%

OKLCH

0.3054 0.1135 350.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550B37

#0B5529

Analogous

#4E0B55

#550B12

#550B37

Triadic

#550B37

#37550B

#0B3755

Split Complementary

#550B37

#12550B

#0B554E

Tetradic

#550B37

#554E0B

#0B5529

#0B1255

Color Blindness Simulation

Original

#550B37

Protanopia

#35342C

Deuteranopia

#393F2A

Tritanopia

#512422

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EF
200
#F7C0E1
300
#F193CB
400
#E958AE
500
#E21D92
600
#B51775
700
#91135E
800
#710F49
900
#520F37
950
#340923

Contrast Checker

Text on white

14.1:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026