#D28DC6

#D28DC6

Color Values

HEX

#D28DC6

RGB

210, 141, 198

HSL

310.4, 43.4%, 68.8%

HSV

310.4, 32.9%, 82.4%

CMYK

0.0%, 32.9%, 5.7%, 17.6%

OKLCH

0.7307 0.1117 333.0

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#D28DC6

#8DD299

Analogous

#BB8DD2

#D28DA3

#D28DC6

Triadic

#D28DC6

#C6D28D

#8DC6D2

Split Complementary

#D28DC6

#A3D28D

#8DD2BB

Tetradic

#D28DC6

#D2BB8D

#8DD299

#8DA3D2

Color Blindness Simulation

Original

#D28DC6

Protanopia

#B4B4B8

Deuteranopia

#B8BDB5

Tritanopia

#CFADAB

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F4E7F1
200
#EBCCE5
300
#DCA7D3
400
#CA78BB
500
#B748A4
600
#923A83
700
#752E69
800
#5B2452
900
#431E3D
950
#2B1326

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37: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