#BC9DEC

#BC9DEC

Color Values

HEX

#BC9DEC

RGB

188, 157, 236

HSL

263,5, 67,5%, 77,1%

HSV

263,5, 33,5%, 92,5%

CMYK

20,3%, 33,5%, 0,0%, 7,5%

OKLCH

0,7527 0,1155 301,7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BC9DEC

#CDEC9D

Analogous

#9DA6EC

#E39DEC

#BC9DEC

Triadic

#BC9DEC

#ECBC9D

#9DECBC

Split Complementary

#BC9DEC

#ECE39D

#A6EC9D

Tetradic

#BC9DEC

#EC9DA6

#CDEC9D

#9DECE3

Color Blindness Simulation

Original

#BC9DEC

Protanopia

#AFAED9

Deuteranopia

#B0B3D4

Tritanopia

#BACAC6

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D6C3F3
300
#B998EB
400
#9361E0
500
#6D29D6
600
#5721AB
700
#461B89
800
#36156B
900
#2A134E
950
#1B0C31

Contrast Checker

Text on white

2,29:1

AA Fail AAA Fail

Text on black

9,17: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