#DD504F

#DD504F

Color Values

HEX

#DD504F

RGB

221, 80, 79

HSL

0.4, 67.6%, 58.8%

HSV

0.4, 64.3%, 86.7%

CMYK

0.0%, 63.8%, 64.3%, 13.3%

OKLCH

0.6219 0.1768 24.2

Properties

Warm Light Nearest: Mahogany

Color Harmonies

Complementary

#DD504F

#4FDCDD

Analogous

#DD4F95

#DD974F

#DD504F

Triadic

#DD504F

#4FDD50

#504FDD

Split Complementary

#DD504F

#4FDD97

#4F95DD

Tetradic

#DD504F

#95DD4F

#4FDCDD

#974FDD

Color Blindness Simulation

Original

#DD504F

Protanopia

#A09F4F

Deuteranopia

#A8B34F

Tritanopia

#D64F4F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C3C3
300
#EB9998
400
#E06261
500
#D62A29
600
#AB2221
700
#891B1A
800
#6B1515
900
#4E1313
950
#310C0C

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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