#D7BCFC

#D7BCFC

Color Values

HEX

#D7BCFC

RGB

215, 188, 252

HSL

265.3, 91.4%, 86.3%

HSV

265.3, 25.4%, 98.8%

CMYK

14.7%, 25.4%, 0.0%, 1.2%

OKLCH

0.8396 0.0922 303.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D7BCFC

#E1FCBC

Analogous

#BCC1FC

#F7BCFC

#D7BCFC

Triadic

#D7BCFC

#FCD7BC

#BCFCD7

Split Complementary

#D7BCFC

#FCF7BC

#C1FCBC

Tetradic

#D7BCFC

#FCBCC1

#E1FCBC

#BCFCF7

Color Blindness Simulation

Original

#D7BCFC

Protanopia

#CBCBED

Deuteranopia

#CDCFE9

Tritanopia

#D6E0DE

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EBDFFB
200
#D6BBFC
300
#B98AFA
400
#934AF7
500
#6D0BF4
600
#5709C3
700
#46079C
800
#37057A
900
#2A0958
950
#1B0538

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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