#DC2E3C

Color Details

HEX
#DC2E3C
RGB
rgb(220, 46, 60)
HSL
hsl(355, 71%, 52%)
CMYK
cmyk(0%, 79%, 73%, 14%)
Best text on this color #FFFFFF (CR 4.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dc2e3c
Contrast 4.50:1 Fail
White on #dc2e3c
Contrast 4.67:1 AA
#dc2e3c on Black
Contrast 4.50:1 Fail
#dc2e3c on White
Contrast 4.67:1 AA

Tints & Shades

#e35863
#ea828a
#f1abb1
#b02530
#841c24
#581218

Complement & Analogous

#2edccd
#dc762e
#dc2e93

Triadic

#3cdc2e
#2e3cdc

Monochrome

#581218 #841c24 #dc2e3c #ea828a #f1abb1 #f8d5d8

Analogous

#dc2e93 #e76db3 #dc2e3c #e39158 #dc762e #b05e25

Complementary Mix

#841c24 #dc2e3c #ea828a #2edccd #77e8df #1e8f85

Nearby Colors

#dc2e3b
#dc2e3d
#dc2e2c
#dc2e4c

Embed #DC2E3C swatch

Embed this swatch

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

Open image

About #DC2E3C

#DC2E3C converts to RGB(220, 46, 60) and HSL(355, 71%, 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).

#DC2E3C FAQs

What is the RGB value of #DC2E3C?
RGB: 220, 46, 60. Copy as CSS: rgb(220, 46, 60)
Is #DC2E3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DC2E3C?
Complement: #2edccd.
Does #DC2E3C have good contrast on white or black?
On white: 4.67:1 (AA (normal text)). On black: 4.50:1 (AA (large text)).