#DD222F

#DD222F

Color Values

HEX

#DD222F

RGB

221, 34, 47

HSL

355.8, 73.3%, 50.0%

HSV

355.8, 84.6%, 86.7%

CMYK

0.0%, 84.6%, 78.7%, 13.3%

OKLCH

0.5775 0.2174 24.9

Properties

Warm Dark Nearest: brown 2

Color Harmonies

Complementary

#DD222F

#22DDD0

Analogous

#DD228D

#DD7222

#DD222F

Triadic

#DD222F

#2FDD22

#222FDD

Split Complementary

#DD222F

#22DD72

#228DDD

Tetradic

#DD222F

#8DDD22

#22DDD0

#7222DD

Color Blindness Simulation

Original

#DD222F

Protanopia

#8C8A2C

Deuteranopia

#97A52B

Tritanopia

#D42929

Achromatopsia

#4B4B4B

CSS Usage

background-color: #DD222F;
color: #DD222F;
border-color: #DD222F;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF3F3
100
#F8E2E4
200
#F5C1C5
300
#EF959B
400
#E65B65
500
#DD222F
600
#B11B26
700
#8D161E
800
#6E1118
900
#501015
950
#330A0D

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026