#DC4949

#DC4949

Color Values

HEX

#DC4949

RGB

220, 73, 73

HSL

0.0, 67.7%, 57.5%

HSV

0.0, 66.8%, 86.3%

CMYK

0.0%, 66.8%, 66.8%, 13.7%

OKLCH

0.6113 0.1836 24.4

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#DC4949

#49DCDC

Analogous

#DC4993

#DC9349

#DC4949

Triadic

#DC4949

#49DC49

#4949DC

Split Complementary

#DC4949

#49DC93

#4993DC

Tetradic

#DC4949

#93DC49

#49DCDC

#9349DC

Color Blindness Simulation

Original

#DC4949

Protanopia

#9C9B49

Deuteranopia

#A5B049

Tritanopia

#D54949

Achromatopsia

#686868

CSS Usage

background-color: #DC4949;
color: #DC4949;
border-color: #DC4949;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C3C3
300
#EB9898
400
#E16161
500
#D62929
600
#AB2121
700
#891A1A
800
#6B1515
900
#4E1313
950
#310C0C

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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