#DC604E

#DC604E

Color Values

HEX

#DC604E

RGB

220, 96, 78

HSL

7.6, 67.0%, 58.4%

HSV

7.6, 64.5%, 86.3%

CMYK

0.0%, 56.4%, 64.5%, 13.7%

OKLCH

0.6406 0.1593 30.4

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#DC604E

#4ECADC

Analogous

#DC4E83

#DCA74E

#DC604E

Triadic

#DC604E

#4EDC60

#604EDC

Split Complementary

#DC604E

#4EDCA7

#4E83DC

Tetradic

#DC604E

#83DC4E

#4ECADC

#A74EDC

Color Blindness Simulation

Original

#DC604E

Protanopia

#A6A552

Deuteranopia

#AEB753

Tritanopia

#D65657

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F3C9C3
300
#EBA399
400
#E07161
500
#D5402A
600
#AA3322
700
#88291B
800
#6A2015
900
#4E1B13
950
#31110C

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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