#D5BCEC

#D5BCEC

Color Values

HEX

#D5BCEC

RGB

213, 188, 236

HSL

271.2, 55.8%, 83.1%

HSV

271.2, 20.3%, 92.5%

CMYK

9.7%, 20.3%, 0.0%, 7.5%

OKLCH

0.8319 0.0712 308.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D5BCEC

#D3ECBC

Analogous

#BDBCEC

#ECBCEB

#D5BCEC

Triadic

#D5BCEC

#ECD5BC

#BCECD5

Split Complementary

#D5BCEC

#EBECBC

#BCECBD

Tetradic

#D5BCEC

#ECBDBC

#D3ECBC

#BCEBEC

Color Blindness Simulation

Original

#D5BCEC

Protanopia

#CACAE0

Deuteranopia

#CCCEDE

Tritanopia

#D4D7D5

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DCC7EF
300
#C3A0E4
400
#A36CD5
500
#8238C7
600
#682D9F
700
#53247F
800
#411C63
900
#311849
950
#1F0F2E

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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