#DC4B0C

Color Details

HEX
#DC4B0C
RGB
rgb(220, 75, 12)
HSL
hsl(18, 90%, 45%)
CMYK
cmyk(0%, 66%, 95%, 14%)
Best text on this color #000000 (CR 5.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dc4b0c
Contrast 5.05:1 AA
White on #dc4b0c
Contrast 4.15:1 Fail
#dc4b0c on Black
Contrast 5.05:1 AA
#dc4b0c on White
Contrast 4.15:1 Fail

Tints & Shades

#e36f3d
#ea936d
#f1b79e
#b03c0a
#842d07
#581e05

Complement & Analogous

#0b9cda
#dab10b
#da0b35

Triadic

#0bda49
#490bda

Monochrome

#581e05 #842d07 #dc4b0c #ea936d #f1b79e #f8dbce

Analogous

#da0b35 #e55472 #dc4b0c #e1c13c #dab10b #ae8e09

Complementary Mix

#842d07 #dc4b0c #ea936d #0b9cda #60bfe7 #07658e

Nearby Colors

#dc4b0b
#dc4b0d
#dc4afc
#dc4b1c

Embed #DC4B0C swatch

Embed this swatch

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

Open image

About #DC4B0C

#DC4B0C converts to RGB(220, 75, 12) and HSL(18, 90%, 45%). 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).

#DC4B0C FAQs

What is the RGB value of #DC4B0C?
RGB: 220, 75, 12. Copy as CSS: rgb(220, 75, 12)
Is #DC4B0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DC4B0C?
Complement: #0b9cda.
Does #DC4B0C have good contrast on white or black?
On white: 4.15:1 (AA (large text)). On black: 5.05:1 (AA (normal text)).