#DD403E

#DD403E

Color Values

HEX

#DD403E

RGB

221, 64, 62

HSL

0.8, 70.0%, 55.5%

HSV

0.8, 71.9%, 86.7%

CMYK

0.0%, 71.0%, 71.9%, 13.3%

OKLCH

0.6021 0.1944 25.8

Properties

Warm Light Nearest: brown 3

Color Harmonies

Complementary

#DD403E

#3EDBDD

Analogous

#DD3E8B

#DD903E

#DD403E

Triadic

#DD403E

#3EDD40

#403EDD

Split Complementary

#DD403E

#3EDD90

#3E8BDD

Tetradic

#DD403E

#8BDD3E

#3EDBDD

#903EDD

Color Blindness Simulation

Original

#DD403E

Protanopia

#99983E

Deuteranopia

#A2AE3F

Tritanopia

#D53F3F

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C2
300
#ED9897
400
#E3605F
500
#D92926
600
#AD211F
700
#8B1A18
800
#6C1413
900
#4F1312
950
#320C0B

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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