#D80C0F

Color Details

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

Readability Previews

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

Tints & Shades

#e03d3f
#e86d6f
#ef9e9f
#ad0a0c
#820709
#560506

Complement & Analogous

#0dd9d5
#d96f0d
#d90d76

Triadic

#10d90d
#0d10d9

Monochrome

#560506 #820709 #d80c0f #e86d6f #ef9e9f #f7cecf

Analogous

#d90d76 #e4569f #d80c0f #e18c3d #d96f0d #ae590a

Complementary Mix

#820709 #d80c0f #e86d6f #0dd9d5 #62e6e4 #088d8a

Nearby Colors

#d80c0e
#d80c10
#d80bff
#d80c1f

Embed #D80C0F swatch

Embed this swatch

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

Open image

About #D80C0F

#D80C0F converts to RGB(216, 12, 15) 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).

#D80C0F FAQs

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