#D51A96

Color Details

HEX
#D51A96
RGB
rgb(213, 26, 150)
HSL
hsl(320, 78%, 47%)
CMYK
cmyk(0%, 88%, 30%, 16%)
Best text on this color #FFFFFF (CR 4.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d51a96
Contrast 4.42:1 Fail
White on #d51a96
Contrast 4.75:1 AA
#d51a96 on Black
Contrast 4.42:1 Fail
#d51a96 on White
Contrast 4.75:1 AA

Tints & Shades

#dd48ab
#e676c0
#eea3d5
#aa1578
#80105a
#550a3c

Complement & Analogous

#1ad559
#d51a3a
#b61ad5

Triadic

#97d51a
#1a97d5

Monochrome

#550a3c #80105a #d51a96 #e676c0 #eea3d5 #f7d1ea

Analogous

#b61ad5 #cc5fe2 #d51a96 #dd4861 #d51a3a #aa152e

Complementary Mix

#80105a #d51a96 #e676c0 #1ad559 #6ae493 #118a3a

Nearby Colors

#d51a95
#d51a97
#d51a86
#d51aa6

Embed #D51A96 swatch

Embed this swatch

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

Open image

About #D51A96

#D51A96 converts to RGB(213, 26, 150) and HSL(320, 78%, 47%). 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).

#D51A96 FAQs

What is the RGB value of #D51A96?
RGB: 213, 26, 150. Copy as CSS: rgb(213, 26, 150)
Is #D51A96 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D51A96?
Complement: #1ad559.
Does #D51A96 have good contrast on white or black?
On white: 4.75:1 (AA (normal text)). On black: 4.42:1 (AA (large text)).