#DD222C

Color Details

HEX
#DD222C
RGB
rgb(221, 34, 44)
HSL
hsl(357, 73%, 50%)
CMYK
cmyk(0%, 85%, 80%, 13%)
Best text on this color #FFFFFF (CR 4.84:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dd222c
Contrast 4.34:1 Fail
White on #dd222c
Contrast 4.84:1 AA
#dd222c on Black
Contrast 4.34:1 Fail
#dd222c on White
Contrast 4.84:1 AA

Tints & Shades

#e44e56
#eb7a80
#f1a7ab
#b11b23
#85141a
#580e12

Complement & Analogous

#22ddd3
#dd7622
#dd2289

Triadic

#2cdd22
#222cdd

Monochrome

#580e12 #85141a #dd222c #eb7a80 #f1a7ab #f8d3d5

Analogous

#dd2289 #e764ac #dd222c #e4914e #dd7622 #b15e1b

Complementary Mix

#85141a #dd222c #eb7a80 #22ddd3 #6fe9e2 #169089

Nearby Colors

#dd222b
#dd222d
#dd221c
#dd223c

Embed #DD222C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #DD222C

#DD222C converts to RGB(221, 34, 44) and HSL(357, 73%, 50%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#DD222C FAQs

What is the RGB value of #DD222C?
RGB: 221, 34, 44. Copy as CSS: rgb(221, 34, 44)
Is #DD222C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DD222C?
Complement: #22ddd3.
Does #DD222C have good contrast on white or black?
On white: 4.84:1 (AA (normal text)). On black: 4.34:1 (AA (large text)).