#550435

#550435

Color Values

HEX

#550435

RGB

85, 4, 53

HSL

323.7, 91.0%, 17.5%

HSV

323.7, 95.3%, 33.3%

CMYK

0.0%, 95.3%, 37.6%, 66.7%

OKLCH

0.2993 0.1193 350.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550435

#045524

Analogous

#4D0455

#55040D

#550435

Triadic

#550435

#355504

#043555

Split Complementary

#550435

#0D5504

#04554D

Tetradic

#550435

#554D04

#045524

#040D55

Color Blindness Simulation

Original

#550435

Protanopia

#323129

Deuteranopia

#373D26

Tritanopia

#51201E

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBBE2
300
#F98ACD
400
#F74BB3
500
#F40B98
600
#C30979
700
#9C0761
800
#7A064C
900
#580939
950
#380624

Contrast Checker

Text on white

14.43:1

AA Pass AAA Pass

Text on black

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