#BCB5EC

#BCB5EC

Color Values

HEX

#BCB5EC

RGB

188, 181, 236

HSL

247.6, 59.1%, 81.8%

HSV

247.6, 23.3%, 92.5%

CMYK

20.3%, 23.3%, 0.0%, 7.5%

OKLCH

0.7978 0.0775 290.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BCB5EC

#E5ECB5

Analogous

#B5CAEC

#D8B5EC

#BCB5EC

Triadic

#BCB5EC

#ECBCB5

#B5ECBC

Split Complementary

#BCB5EC

#ECD8B5

#CAECB5

Tetradic

#BCB5EC

#ECB5CA

#E5ECB5

#B5ECD8

Color Blindness Simulation

Original

#BCB5EC

Protanopia

#B9B9DF

Deuteranopia

#B9BADC

Tritanopia

#BCD4D2

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CCC6F0
300
#A79EE6
400
#7769D8
500
#4734CB
600
#392AA2
700
#2E2182
800
#241A65
900
#1D174A
950
#120E2F

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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