#D59CD3

#D59CD3

Color Values

HEX

#D59CD3

RGB

213, 156, 211

HSL

302,1, 40,4%, 72,4%

HSV

302,1, 26,8%, 83,5%

CMYK

0,0%, 26,8%, 0,9%, 16,5%

OKLCH

0,7645 0,0994 327,7

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#D59CD3

#9CD59E

Analogous

#BB9CD5

#D59CB7

#D59CD3

Triadic

#D59CD3

#D3D59C

#9CD3D5

Split Complementary

#D59CD3

#B7D59C

#9CD5BB

Tetradic

#D59CD3

#D5BB9C

#9CD59E

#9CB7D5

Color Blindness Simulation

Original

#D59CD3

Protanopia

#BCBCC6

Deuteranopia

#C0C4C2

Tritanopia

#D2BBB9

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DBA9D9
400
#C77BC4
500
#B34CAF
600
#8F3D8C
700
#733170
800
#5A2658
900
#421F41
950
#2A1329

Contrast Checker

Text on white

2,2:1

AA Fail AAA Fail

Text on black

9,53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026