#BCAADF

#BCAADF

Color Values

HEX

#BCAADF

RGB

188, 170, 223

HSL

260.4, 45.3%, 77.1%

HSV

260.4, 23.8%, 87.5%

CMYK

15.7%, 23.8%, 0.0%, 12.5%

OKLCH

0.7715 0.0769 300.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BCAADF

#CDDFAA

Analogous

#AAB3DF

#D7AADF

#BCAADF

Triadic

#BCAADF

#DFBCAA

#AADFBC

Split Complementary

#BCAADF

#DFD7AA

#B3DFAA

Tetradic

#BCAADF

#DFAAB3

#CDDFAA

#AADFD7

Color Blindness Simulation

Original

#BCAADF

Protanopia

#B4B4D2

Deuteranopia

#B5B7CF

Tritanopia

#BBC8C6

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D6CBEB
300
#B9A6DE
400
#9376CB
500
#6D46B9
600
#573894
700
#462D77
800
#37235D
900
#2A1D44
950
#1B122B

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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