#D59CBC

#D59CBC

Color Values

HEX

#D59CBC

RGB

213, 156, 188

HSL

326.3, 40.4%, 72.4%

HSV

326.3, 26.8%, 83.5%

CMYK

0.0%, 26.8%, 11.7%, 16.5%

OKLCH

0.7564 0.0795 344.4

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#D59CBC

#9CD5B5

Analogous

#D29CD5

#D59CA0

#D59CBC

Triadic

#D59CBC

#BCD59C

#9CBCD5

Split Complementary

#D59CBC

#A0D59C

#9CD5D2

Tetradic

#D59CBC

#D5D29C

#9CD5B5

#9CA0D5

Color Blindness Simulation

Original

#D59CBC

Protanopia

#BCBCB4

Deuteranopia

#C0C4B2

Tritanopia

#D2AEAD

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C5
400
#C77BA5
500
#B34C86
600
#8F3D6B
700
#733156
800
#5A2643
900
#421F33
950
#2A1320

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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