#DCBAF8

#DCBAF8

Color Values

HEX

#DCBAF8

RGB

220, 186, 248

HSL

272,9, 81,6%, 85,1%

HSV

272,9, 25,0%, 97,3%

CMYK

11,3%, 25,0%, 0,0%, 2,7%

OKLCH

0,8388 0,0921 309,3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCBAF8

#D6F8BA

Analogous

#BDBAF8

#F8BAF5

#DCBAF8

Triadic

#DCBAF8

#F8DCBA

#BAF8DC

Split Complementary

#DCBAF8

#F5F8BA

#BAF8BD

Tetradic

#DCBAF8

#F8BDBA

#D6F8BA

#BAF5F8

Color Blindness Simulation

Original

#DCBAF8

Protanopia

#CDCDE9

Deuteranopia

#CFD2E5

Tritanopia

#DADDDB

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DEBEF8
300
#C790F4
400
#A854EE
500
#8A17E8
600
#6E13B9
700
#580F94
800
#450C74
900
#340D54
950
#210835

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,42: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