#BC9DE7

#BC9DE7

Color Values

HEX

#BC9DE7

RGB

188, 157, 231

HSL

265.1, 60.7%, 76.1%

HSV

265.1, 32.0%, 90.6%

CMYK

18.6%, 32.0%, 0.0%, 9.4%

OKLCH

0.7505 0.109 303.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BC9DE7

#C8E79D

Analogous

#9DA3E7

#E19DE7

#BC9DE7

Triadic

#BC9DE7

#E7BC9D

#9DE7BC

Split Complementary

#BC9DE7

#E7E19D

#A3E79D

Tetradic

#BC9DE7

#E79DA3

#C8E79D

#9DE7E1

Color Blindness Simulation

Original

#BC9DE7

Protanopia

#AFAED5

Deuteranopia

#B0B3D1

Tritanopia

#BAC7C4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D8C6F1
300
#BC9DE7
400
#9767DA
500
#7332CD
600
#5C28A4
700
#4A2083
800
#391966
900
#2C164B
950
#1C0E2F

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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