#D4517F

Color Details

HEX
#D4517F
RGB
rgb(212, 81, 127)
HSL
hsl(339, 60%, 57%)
CMYK
cmyk(0%, 62%, 40%, 17%)
Best text on this color #000000 (CR 5.28:1) Determined by WCAG contrast ratio

Readability Previews

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

Tints & Shades

#dd7499
#e597b2
#eeb9cc
#aa4166
#7f314c
#552033

Complement & Analogous

#50d3a5
#d36350
#d350bf

Triadic

#7ed350
#507ed3

Monochrome

#552033 #7f314c #d4517f #e597b2 #eeb9cc #f6dce5

Analogous

#d350bf #e085d2 #d4517f #dc8273 #d36350 #a94f40

Complementary Mix

#7f314c #d4517f #e597b2 #50d3a5 #8de2c5 #34896b

Nearby Colors

#d4517e
#d45180
#d4516f
#d4518f

Embed #D4517F swatch

Embed this swatch

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

Open image

About #D4517F

#D4517F converts to RGB(212, 81, 127) and HSL(339, 60%, 57%). 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).

#D4517F FAQs

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