#550403

#550403

Color Values

HEX

#550403

RGB

85, 4, 3

HSL

0.7, 93.2%, 17.3%

HSV

0.7, 96.5%, 33.3%

CMYK

0.0%, 95.3%, 96.5%, 66.7%

OKLCH

0.286 0.1121 28.8

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#550403

#035455

Analogous

#55032B

#552D03

#550403

Triadic

#550403

#035504

#040355

Split Complementary

#550403

#03552D

#032B55

Tetradic

#550403

#2B5503

#035455

#2D0355

Color Blindness Simulation

Original

#550403

Protanopia

#323103

Deuteranopia

#373D03

Tritanopia

#510303

Achromatopsia

#151515

CSS Usage

background-color: #550403;
color: #550403;
border-color: #550403;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FDBBBA
300
#FB8A89
400
#F94B49
500
#F60B09
600
#C50907
700
#9E0706
800
#7B0604
900
#590908
950
#380605

Contrast Checker

Text on white

14.95:1

AA Pass AAA Pass

Text on black

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