#D12C46

Color Details

HEX
#D12C46
RGB
rgb(209, 44, 70)
HSL
hsl(351, 65%, 50%)
CMYK
cmyk(0%, 79%, 67%, 18%)
Best text on this color #FFFFFF (CR 5.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d12c46
Contrast 4.16:1 Fail
White on #d12c46
Contrast 5.05:1 AA
#d12c46 on Black
Contrast 4.16:1 Fail
#d12c46 on White
Contrast 5.05:1 AA

Tints & Shades

#da566b
#e38090
#edabb5
#a72338
#7d1a2a
#54121c

Complement & Analogous

#2dd2ba
#d2672d
#d22d98

Triadic

#45d22d
#2d45d2

Monochrome

#54121c #7d1a2a #d12c46 #e38090 #edabb5 #f6d5da

Analogous

#d22d98 #e06cb7 #d12c46 #db8557 #d2672d #a85224

Complementary Mix

#7d1a2a #d12c46 #e38090 #2dd2ba #77e2d2 #1d8979

Nearby Colors

#d12c45
#d12c47
#d12c36
#d12c56

Embed #D12C46 swatch

Embed this swatch

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

Open image

About #D12C46

#D12C46 converts to RGB(209, 44, 70) and HSL(351, 65%, 50%). 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).

#D12C46 FAQs

What is the RGB value of #D12C46?
RGB: 209, 44, 70. Copy as CSS: rgb(209, 44, 70)
Is #D12C46 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D12C46?
Complement: #2dd2ba.
Does #D12C46 have good contrast on white or black?
On white: 5.05:1 (AA (normal text)). On black: 4.16:1 (AA (large text)).