#D2181C

Color Details

HEX
#D2181C
RGB
rgb(210, 24, 28)
HSL
hsl(359, 79%, 46%)
CMYK
cmyk(0%, 89%, 87%, 18%)
Best text on this color #FFFFFF (CR 5.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d2181c
Contrast 3.89:1 Fail
White on #d2181c
Contrast 5.40:1 AA
#d2181c on Black
Contrast 3.89:1 Fail
#d2181c on White
Contrast 5.40:1 AA

Tints & Shades

#db4649
#e47477
#eda3a4
#a81316
#7e0e11
#540a0b

Complement & Analogous

#19d2cf
#d27219
#d21978

Triadic

#1cd219
#191cd2

Monochrome

#540a0b #7e0e11 #d2181c #e47477 #eda3a4 #f6d1d2

Analogous

#d21978 #e05ea1 #d2181c #db8e47 #d27219 #a85b14

Complementary Mix

#7e0e11 #d2181c #e47477 #19d2cf #6ae2e0 #108987

Nearby Colors

#d2181b
#d2181d
#d2180c
#d2182c

Embed #D2181C swatch

Embed this swatch

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

Open image

About #D2181C

#D2181C converts to RGB(210, 24, 28) and HSL(359, 79%, 46%). 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).

#D2181C FAQs

What is the RGB value of #D2181C?
RGB: 210, 24, 28. Copy as CSS: rgb(210, 24, 28)
Is #D2181C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D2181C?
Complement: #19d2cf.
Does #D2181C have good contrast on white or black?
On white: 5.40:1 (AA (normal text)). On black: 3.89:1 (AA (large text)).