#D1306C

Color Details

HEX
#D1306C
RGB
rgb(209, 48, 108)
HSL
hsl(338, 64%, 50%)
CMYK
cmyk(0%, 77%, 48%, 18%)
Best text on this color #FFFFFF (CR 4.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d1306c
Contrast 4.35:1 Fail
White on #d1306c
Contrast 4.83:1 AA
#d1306c on Black
Contrast 4.35:1 Fail
#d1306c on White
Contrast 4.83:1 AA

Tints & Shades

#da5989
#e383a7
#edacc4
#a72656
#7d1d41
#54132b

Complement & Analogous

#2ed195
#d1442e
#d12ebb

Triadic

#6ad12e
#2e6ad1

Monochrome

#54132b #7d1d41 #d1306c #e383a7 #edacc4 #f6d6e2

Analogous

#d12ebb #df6dcf #d1306c #da6958 #d1442e #a73625

Complementary Mix

#7d1d41 #d1306c #e383a7 #2ed195 #77e1ba #1e8861

Nearby Colors

#d1306b
#d1306d
#d1305c
#d1307c

Embed #D1306C swatch

Embed this swatch

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

Open image

About #D1306C

#D1306C converts to RGB(209, 48, 108) and HSL(338, 64%, 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).

#D1306C FAQs

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