#DD502C

Color Details

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

Readability Previews

Black on #dd502c
Contrast 5.26:1 AA
White on #dd502c
Contrast 3.99:1 Fail
#dd502c on Black
Contrast 5.26:1 AA
#dd502c on White
Contrast 3.99:1 Fail

Tints & Shades

#e47356
#eb9680
#f1b9ab
#b14023
#85301a
#582012

Complement & Analogous

#2cb9dd
#dda82c
#dd2c61

Triadic

#2cdd50
#502cdd

Monochrome

#582012 #85301a #dd502c #eb9680 #f1b9ab #f8dcd5

Analogous

#dd2c61 #e76b90 #dd502c #e4b956 #dda82c #b18623

Complementary Mix

#85301a #dd502c #eb9680 #2cb9dd #76d2e9 #1d7890

Nearby Colors

#dd502b
#dd502d
#dd501c
#dd503c

Embed #DD502C swatch

Embed this swatch

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

Open image

About #DD502C

#DD502C converts to RGB(221, 80, 44) and HSL(12, 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).

#DD502C FAQs

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