#550400

#550400

Color Values

HEX

#550400

RGB

85, 4, 0

HSL

2.8, 100.0%, 16.7%

HSV

2.8, 100.0%, 33.3%

CMYK

0.0%, 95.3%, 100.0%, 66.7%

OKLCH

0.2857 0.1126 30.6

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#550400

#005155

Analogous

#550027

#552F00

#550400

Triadic

#550400

#005504

#040055

Split Complementary

#550400

#00552F

#002755

Tetradic

#550400

#275500

#005155

#2F0055

Color Blindness Simulation

Original

#550400

Protanopia

#323101

Deuteranopia

#373D01

Tritanopia

#510202

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDE
200
#FFBBB8
300
#FF8A85
400
#FF4B42
500
#FF0C00
600
#CC0A00
700
#A30800
800
#800600
900
#5C0905
950
#3A0603

Contrast Checker

Text on white

14.96:1

AA Pass AAA Pass

Text on black

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