#D7BCFB

#D7BCFB

Color Values

HEX

#D7BCFB

RGB

215, 188, 251

HSL

265.7, 88.7%, 86.1%

HSV

265.7, 25.1%, 98.4%

CMYK

14.3%, 25.1%, 0.0%, 1.6%

OKLCH

0.8392 0.0909 304.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D7BCFB

#E0FBBC

Analogous

#BCC1FB

#F6BCFB

#D7BCFB

Triadic

#D7BCFB

#FBD7BC

#BCFBD7

Split Complementary

#D7BCFB

#FBF6BC

#C1FBBC

Tetradic

#D7BCFB

#FBBCC1

#E0FBBC

#BCFBF6

Color Blindness Simulation

Original

#D7BCFB

Protanopia

#CBCBEC

Deuteranopia

#CDCFE8

Tritanopia

#D6E0DD

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EBE0FB
200
#D7BCFB
300
#BA8CF8
400
#954DF4
500
#6F0EF1
600
#590CC0
700
#47099A
800
#380778
900
#2B0A57
950
#1B0637

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