#DCBCF9

#DCBCF9

Color Values

HEX

#DCBCF9

RGB

220, 188, 249

HSL

271.5, 83.6%, 85.7%

HSV

271.5, 24.5%, 97.6%

CMYK

11.6%, 24.5%, 0.0%, 2.4%

OKLCH

0.8428 0.09 308.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCBCF9

#D9F9BC

Analogous

#BEBCF9

#F9BCF7

#DCBCF9

Triadic

#DCBCF9

#F9DCBC

#BCF9DC

Split Complementary

#DCBCF9

#F7F9BC

#BCF9BE

Tetradic

#DCBCF9

#F9BEBC

#D9F9BC

#BCF7F9

Color Blindness Simulation

Original

#DCBCF9

Protanopia

#CECEEA

Deuteranopia

#D0D2E7

Tritanopia

#DADFDC

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBDF9
300
#C48FF5
400
#A552F0
500
#8515EA
600
#6A11BB
700
#550D96
800
#420A75
900
#320C55
950
#200836

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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