#D80C0D

Color Details

HEX
#D80C0D
RGB
rgb(216, 12, 13)
HSL
hsl(360, 89%, 45%)
CMYK
cmyk(0%, 94%, 94%, 15%)
Best text on this color #FFFFFF (CR 5.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d80c0d
Contrast 3.98:1 Fail
White on #d80c0d
Contrast 5.28:1 AA
#d80c0d on Black
Contrast 3.98:1 Fail
#d80c0d on White
Contrast 5.28:1 AA

Tints & Shades

#e03d3d
#e86d6e
#ef9e9e
#ad0a0a
#820708
#560505

Complement & Analogous

#0dd9d9
#d9730d
#d90d73

Triadic

#0dd90d
#0d0dd9

Monochrome

#560505 #820708 #d80c0d #e86d6e #ef9e9e #f7cecf

Analogous

#d90d73 #e4569d #d80c0d #e18f3d #d9730d #ae5c0a

Complementary Mix

#820708 #d80c0d #e86d6e #0dd9d9 #62e6e6 #088d8d

Nearby Colors

#d80c0c
#d80c0e
#d80bfd
#d80c1d

Embed #D80C0D swatch

Embed this swatch

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

Open image

About #D80C0D

#D80C0D converts to RGB(216, 12, 13) and HSL(360, 89%, 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).

#D80C0D FAQs

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