#BCB5ED

#BCB5ED

Color Values

HEX

#BCB5ED

RGB

188, 181, 237

HSL

247.5, 60.9%, 82.0%

HSV

247.5, 23.6%, 92.9%

CMYK

20.7%, 23.6%, 0.0%, 7.1%

OKLCH

0.7982 0.0789 290.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BCB5ED

#E6EDB5

Analogous

#B5CAED

#D8B5ED

#BCB5ED

Triadic

#BCB5ED

#EDBCB5

#B5EDBC

Split Complementary

#BCB5ED

#EDD8B5

#CAEDB5

Tetradic

#BCB5ED

#EDB5CA

#E6EDB5

#B5EDD8

Color Blindness Simulation

Original

#BCB5ED

Protanopia

#B9B9DF

Deuteranopia

#B9BADC

Tritanopia

#BCD5D2

Achromatopsia

#BBBBBB

CSS Usage

background-color: #BCB5ED;
color: #BCB5ED;
border-color: #BCB5ED;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#CBC6F1
300
#A69DE7
400
#7667DA
500
#4532CD
600
#3728A4
700
#2C2083
800
#231967
900
#1D164B
950
#120E2F

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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