#DC604C

#DC604C

Color Values

HEX

#DC604C

RGB

220, 96, 76

HSL

8.3, 67.3%, 58.0%

HSV

8.3, 65.5%, 86.3%

CMYK

0.0%, 56.4%, 65.5%, 13.7%

OKLCH

0.6403 0.1598 31.2

Properties

Warm Light Nearest: coral 3

Color Harmonies

Complementary

#DC604C

#4CC8DC

Analogous

#DC4C80

#DCA84C

#DC604C

Triadic

#DC604C

#4CDC60

#604CDC

Split Complementary

#DC604C

#4CDCA8

#4C80DC

Tetradic

#DC604C

#80DC4C

#4CC8DC

#A84CDC

Color Blindness Simulation

Original

#DC604C

Protanopia

#A6A551

Deuteranopia

#AEB752

Tritanopia

#D65556

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E6E3
200
#F3CAC3
300
#EBA499
400
#E07361
500
#D5412A
600
#AB3421
700
#892A1B
800
#6B2115
900
#4E1B13
950
#31110C

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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