#DD342C

Color Details

HEX
#DD342C
RGB
rgb(221, 52, 44)
HSL
hsl(3, 72%, 52%)
CMYK
cmyk(0%, 76%, 80%, 13%)
Best text on this color #000000 (CR 4.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dd342c
Contrast 4.60:1 AA
White on #dd342c
Contrast 4.56:1 AA
#dd342c on Black
Contrast 4.60:1 AA
#dd342c on White
Contrast 4.56:1 AA

Tints & Shades

#e45d56
#eb8580
#f1aeab
#b12a23
#851f1a
#581512

Complement & Analogous

#2cd4dd
#dd8d2c
#dd2c7c

Triadic

#2cdd35
#352cdd

Monochrome

#581512 #851f1a #dd342c #eb8580 #f1aeab #f8d6d5

Analogous

#dd2c7c #e76ba3 #dd342c #e4a456 #dd8d2c #b17123

Complementary Mix

#851f1a #dd342c #eb8580 #2cd4dd #76e3e9 #1d8a90

Nearby Colors

#dd342b
#dd342d
#dd341c
#dd343c

Embed #DD342C swatch

Embed this swatch

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

Open image

About #DD342C

#DD342C converts to RGB(221, 52, 44) and HSL(3, 72%, 52%). 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).

#DD342C FAQs

What is the RGB value of #DD342C?
RGB: 221, 52, 44. Copy as CSS: rgb(221, 52, 44)
Is #DD342C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DD342C?
Complement: #2cd4dd.
Does #DD342C have good contrast on white or black?
On white: 4.56:1 (AA (normal text)). On black: 4.60:1 (AA (normal text)).