#DCB2FD

#DCB2FD

Color Values

HEX

#DCB2FD

RGB

220, 178, 253

HSL

273,6, 94,9%, 84,5%

HSV

273,6, 29,6%, 99,2%

CMYK

13,0%, 29,6%, 0,0%, 0,8%

OKLCH

0,8264 0,1117 309,6

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#DCB2FD

#D3FDB2

Analogous

#B6B2FD

#FDB2F8

#DCB2FD

Triadic

#DCB2FD

#FDDCB2

#B2FDDC

Split Complementary

#DCB2FD

#F8FDB2

#B2FDB6

Tetradic

#DCB2FD

#FDB6B2

#D3FDB2

#B2F8FD

Color Blindness Simulation

Original

#DCB2FD

Protanopia

#CAC9EB

Deuteranopia

#CCCFE6

Tritanopia

#DADDD9

Achromatopsia

#C0C0C0

CSS Usage

background-color: #DCB2FD;
color: #DCB2FD;
border-color: #DCB2FD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F1FE
100
#EFDFFC
200
#DFB9FD
300
#C988FC
400
#AB47FA
500
#8E07F8
600
#7205C7
700
#5B049F
800
#47037C
900
#35075A
950
#220439

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,83: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