#DC4D46

#DC4D46

Color Values

HEX

#DC4D46

RGB

220, 77, 70

HSL

2.8, 68.2%, 56.9%

HSV

2.8, 68.2%, 86.3%

CMYK

0.0%, 65.0%, 68.2%, 13.7%

OKLCH

0.6154 0.1801 26.6

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#DC4D46

#46D5DC

Analogous

#DC468A

#DC9846

#DC4D46

Triadic

#DC4D46

#46DC4D

#4D46DC

Split Complementary

#DC4D46

#46DC98

#468ADC

Tetradic

#DC4D46

#8ADC46

#46D5DC

#9846DC

Color Blindness Simulation

Original

#DC4D46

Protanopia

#9E9D48

Deuteranopia

#A6B148

Tritanopia

#D54949

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F4C5C3
300
#EC9C98
400
#E16660
500
#D63129
600
#AC2720
700
#891F1A
800
#6B1814
900
#4E1513
950
#310E0C

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026