#D78CC1

#D78CC1

Color Values

HEX

#D78CC1

RGB

215, 140, 193

HSL

317.6, 48.4%, 69.6%

HSV

317.6, 34.9%, 84.3%

CMYK

0.0%, 34.9%, 10.2%, 15.7%

OKLCH

0.7326 0.1134 338.3

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#D78CC1

#8CD7A2

Analogous

#C78CD7

#D78C9B

#D78CC1

Triadic

#D78CC1

#C1D78C

#8CC1D7

Split Complementary

#D78CC1

#9BD78C

#8CD7C7

Tetradic

#D78CC1

#D7C78C

#8CD7A2

#8C9BD7

Color Blindness Simulation

Original

#D78CC1

Protanopia

#B7B6B4

Deuteranopia

#BBC0B1

Tritanopia

#D3AAA8

Achromatopsia

#A0A0A0

CSS Usage

background-color: #D78CC1;
color: #D78CC1;
border-color: #D78CC1;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F9
100
#F4E6F0
200
#EDCAE2
300
#DFA4CE
400
#CE73B4
500
#BD4299
600
#97357A
700
#792A62
800
#5F214D
900
#461B39
950
#2C1124

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026