#DC5949

#DC5949

Color Values

HEX

#DC5949

RGB

220, 89, 73

HSL

6.5, 67.7%, 57.5%

HSV

6.5, 66.8%, 86.3%

CMYK

0.0%, 59.5%, 66.8%, 13.7%

OKLCH

0.6305 0.1675 29.5

Properties

Warm Light Nearest: tomato 3

Color Harmonies

Complementary

#DC5949

#49CCDC

Analogous

#DC4983

#DCA349

#DC5949

Triadic

#DC5949

#49DC59

#5949DC

Split Complementary

#DC5949

#49DCA3

#4983DC

Tetradic

#DC5949

#83DC49

#49CCDC

#A349DC

Color Blindness Simulation

Original

#DC5949

Protanopia

#A3A24D

Deuteranopia

#ABB54E

Tritanopia

#D55051

Achromatopsia

#747474

CSS Usage

background-color: #DC5949;
color: #DC5949;
border-color: #DC5949;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C8C3
300
#EBA198
400
#E16F61
500
#D63C29
600
#AB3021
700
#89261A
800
#6B1E15
900
#4E1913
950
#31100C

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.57:1

AA Pass 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