#D80C0E

Color Details

HEX
#D80C0E
RGB
rgb(216, 12, 14)
HSL
hsl(359, 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 #d80c0e
Contrast 3.98:1 Fail
White on #d80c0e
Contrast 5.28:1 AA
#d80c0e on Black
Contrast 3.98:1 Fail
#d80c0e on White
Contrast 5.28:1 AA

Tints & Shades

#e03d3e
#e86d6e
#ef9e9f
#ad0a0b
#820708
#560506

Complement & Analogous

#0dd9d5
#d96f0d
#d90d76

Triadic

#10d90d
#0d10d9

Monochrome

#560506 #820708 #d80c0e #e86d6e #ef9e9f #f7cecf

Analogous

#d90d76 #e4569f #d80c0e #e18c3d #d96f0d #ae590a

Complementary Mix

#820708 #d80c0e #e86d6e #0dd9d5 #62e6e4 #088d8a

Nearby Colors

#d80c0d
#d80c0f
#d80bfe
#d80c1e

Embed #D80C0E swatch

Embed this swatch

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

Open image

About #D80C0E

#D80C0E converts to RGB(216, 12, 14) and HSL(359, 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).

#D80C0E FAQs

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