#BCB5FA

#BCB5FA

Color Values

HEX

#BCB5FA

RGB

188, 181, 250

HSL

246.1, 87.3%, 84.5%

HSV

246.1, 27.6%, 98.0%

CMYK

24.8%, 27.6%, 0.0%, 2.0%

OKLCH

0.8035 0.0969 288.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BCB5FA

#F3FAB5

Analogous

#B5D0FA

#DEB5FA

#BCB5FA

Triadic

#BCB5FA

#FABCB5

#B5FABC

Split Complementary

#BCB5FA

#FADEB5

#D0FAB5

Tetradic

#BCB5FA

#FAB5D0

#F3FAB5

#B5FADE

Color Blindness Simulation

Original

#BCB5FA

Protanopia

#B9B9E9

Deuteranopia

#B9BAE5

Tritanopia

#BCDCD9

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C2BCFA
300
#978CF7
400
#5F4EF3
500
#2710EF
600
#1F0DBF
700
#190A99
800
#130877
900
#120A57
950
#0B0737

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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