#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