#DCBCEF

#DCBCEF

Color Values

HEX

#DCBCEF

RGB

220, 188, 239

HSL

277.6, 61.4%, 83.7%

HSV

277.6, 21.3%, 93.7%

CMYK

7.9%, 21.3%, 0.0%, 6.3%

OKLCH

0.8391 0.0777 312.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DCBCEF

#CFEFBC

Analogous

#C2BCEF

#EFBCE8

#DCBCEF

Triadic

#DCBCEF

#EFDCBC

#BCEFDC

Split Complementary

#DCBCEF

#E8EFBC

#BCEFC2

Tetradic

#DCBCEF

#EFC2BC

#CFEFBC

#BCE8EF

Color Blindness Simulation

Original

#DCBCEF

Protanopia

#CECEE3

Deuteranopia

#D0D2E0

Tritanopia

#DAD9D7

Achromatopsia

#C6C6C6

CSS Usage

background-color: #DCBCEF;
color: #DCBCEF;
border-color: #DCBCEF;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F3FB
100
#F0E4F6
200
#E1C5F1
300
#CB9CE7
400
#AF67DB
500
#9331CE
600
#7627A5
700
#5E1F84
800
#4A1967
900
#37164B
950
#230E30

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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