#DD4F4F

#DD4F4F

Color Values

HEX

#DD4F4F

RGB

221, 79, 79

HSL

0.0, 67.6%, 58.8%

HSV

0.0, 64.3%, 86.7%

CMYK

0.0%, 64.3%, 64.3%, 13.3%

OKLCH

0.6207 0.1779 23.9

Properties

Warm Light Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#DD4F4F

#4FDDDD

Analogous

#DD4F96

#DD964F

#DD4F4F

Triadic

#DD4F4F

#4FDD4F

#4F4FDD

Split Complementary

#DD4F4F

#4FDD96

#4F96DD

Tetradic

#DD4F4F

#96DD4F

#4FDDDD

#964FDD

Color Blindness Simulation

Original

#DD4F4F

Protanopia

#9F9E4F

Deuteranopia

#A8B24F

Tritanopia

#D64F4F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C3C3
300
#EB9898
400
#E06161
500
#D62929
600
#AB2121
700
#891A1A
800
#6B1515
900
#4E1313
950
#310C0C

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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