#D47FBC

#D47FBC

Color Values

HEX

#D47FBC

RGB

212, 127, 188

HSL

316,9, 49,7%, 66,5%

HSV

316,9, 40,1%, 83,1%

CMYK

0,0%, 40,1%, 11,3%, 16,9%

OKLCH

0,7062 0,1297 338,2

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#D47FBC

#7FD497

Analogous

#C17FD4

#D47F92

#D47FBC

Triadic

#D47FBC

#BCD47F

#7FBCD4

Split Complementary

#D47FBC

#92D47F

#7FD4C1

Tetradic

#D47FBC

#D4C17F

#7FD497

#7F92D4

Color Blindness Simulation

Original

#D47FBC

Protanopia

#AFAEAD

Deuteranopia

#B4BAAA

Tritanopia

#D0A29F

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F5E6F0
200
#EDCAE3
300
#E0A3CF
400
#D072B5
500
#BF409B
600
#99337C
700
#7A2963
800
#5F204E
900
#461B3A
950
#2C1125

Contrast Checker

Text on white

2,78:1

AA Fail AAA Fail

Text on black

7,56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026