#550704

#550704

Color Values

HEX

#550704

RGB

85, 7, 4

HSL

2.2, 91.0%, 17.5%

HSV

2.2, 95.3%, 33.3%

CMYK

0.0%, 91.8%, 95.3%, 66.7%

OKLCH

0.2886 0.1096 29.2

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#550704

#045255

Analogous

#55042A

#553004

#550704

Triadic

#550704

#045507

#070455

Split Complementary

#550704

#045530

#042A55

Tetradic

#550704

#2A5504

#045255

#300455

Color Blindness Simulation

Original

#550704

Protanopia

#333305

Deuteranopia

#383E05

Tritanopia

#510505

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBDBB
300
#F98E8A
400
#F7514B
500
#F4140B
600
#C31009
700
#9C0D07
800
#7A0A06
900
#580C09
950
#380706

Contrast Checker

Text on white

14.81:1

AA Pass AAA Pass

Text on black

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