#550309

#550309

Color Values

HEX

#550309

RGB

85, 3, 9

HSL

355.6, 93.2%, 17.3%

HSV

355.6, 96.5%, 33.3%

CMYK

0.0%, 96.5%, 89.4%, 66.7%

OKLCH

0.2859 0.1121 25.1

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#550309

#03554F

Analogous

#550332

#552603

#550309

Triadic

#550309

#095503

#030955

Split Complementary

#550309

#035526

#033255

Tetradic

#550309

#325503

#03554F

#260355

Color Blindness Simulation

Original

#550309

Protanopia

#313108

Deuteranopia

#363C07

Tritanopia

#510606

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABF
300
#FB8991
400
#F94956
500
#F6091A
600
#C50715
700
#9E0611
800
#7B040D
900
#59080E
950
#380509

Contrast Checker

Text on white

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