#DC9BCF

#DC9BCF

Color Values

HEX

#DC9BCF

RGB

220, 155, 207

HSL

312,0, 48,1%, 73,5%

HSV

312,0, 29,5%, 86,3%

CMYK

0,0%, 29,5%, 5,9%, 13,7%

OKLCH

0,7685 0,1027 333,9

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#DC9BCF

#9BDCA8

Analogous

#C89BDC

#DC9BAE

#DC9BCF

Triadic

#DC9BCF

#CFDC9B

#9BCFDC

Split Complementary

#DC9BCF

#AEDC9B

#9BDCC8

Tetradic

#DC9BCF

#DCC89B

#9BDCA8

#9BAEDC

Color Blindness Simulation

Original

#DC9BCF

Protanopia

#C0BFC2

Deuteranopia

#C4C8BF

Tritanopia

#D9B8B6

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCAE6
300
#DFA4D3
400
#CE73BC
500
#BD42A4
600
#973583
700
#792A69
800
#5E2152
900
#451B3D
950
#2C1127

Contrast Checker

Text on white

2,18:1

AA Fail AAA Fail

Text on black

9,63: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