#DC4F1C

Color Details

HEX
#DC4F1C
RGB
rgb(220, 79, 28)
HSL
hsl(16, 77%, 49%)
CMYK
cmyk(0%, 64%, 87%, 14%)
Best text on this color #000000 (CR 5.18:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dc4f1c
Contrast 5.18:1 AA
White on #dc4f1c
Contrast 4.06:1 Fail
#dc4f1c on Black
Contrast 5.18:1 AA
#dc4f1c on White
Contrast 4.06:1 Fail

Tints & Shades

#e37249
#ea9577
#f1b9a4
#b03f16
#842f11
#58200b

Complement & Analogous

#1daadd
#ddb01d
#dd1d4a

Triadic

#1ddd50
#501ddd

Monochrome

#58200b #842f11 #dc4f1c #ea9577 #f1b9a4 #f8dcd2

Analogous

#dd1d4a #e76180 #dc4f1c #e4c04a #ddb01d #b18d17

Complementary Mix

#842f11 #dc4f1c #ea9577 #1daadd #6cc8e9 #136f90

Nearby Colors

#dc4f1b
#dc4f1d
#dc4f0c
#dc4f2c

Embed #DC4F1C swatch

Embed this swatch

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

Open image

About #DC4F1C

#DC4F1C converts to RGB(220, 79, 28) and HSL(16, 77%, 49%). 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).

#DC4F1C FAQs

What is the RGB value of #DC4F1C?
RGB: 220, 79, 28. Copy as CSS: rgb(220, 79, 28)
Is #DC4F1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DC4F1C?
Complement: #1daadd.
Does #DC4F1C have good contrast on white or black?
On white: 4.06:1 (AA (large text)). On black: 5.18:1 (AA (normal text)).