#DD223F

#DD223F

Color Values

HEX

#DD223F

RGB

221, 34, 63

HSL

350.7, 73.3%, 50.0%

HSV

350.7, 84.6%, 86.7%

CMYK

0.0%, 84.6%, 71.5%, 13.3%

OKLCH

0.5796 0.2162 20.5

Properties

Warm Dark Nearest: crimson

Color Harmonies

Complementary

#DD223F

#22DDC0

Analogous

#DD229C

#DD6322

#DD223F

Triadic

#DD223F

#3FDD22

#223FDD

Split Complementary

#DD223F

#22DD63

#229CDD

Tetradic

#DD223F

#9CDD22

#22DDC0

#6322DD

Color Blindness Simulation

Original

#DD223F

Protanopia

#8C8A38

Deuteranopia

#97A536

Tritanopia

#D43231

Achromatopsia

#4C4C4C

CSS Usage

background-color: #DD223F;
color: #DD223F;
border-color: #DD223F;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FCF3F4
100
#F8E2E5
200
#F5C1C9
300
#EF95A3
400
#E65B71
500
#DD223F
600
#B11B32
700
#8D1628
800
#6E1120
900
#50101A
950
#330A11

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026