#BCA9CB

#BCA9CB

Color Values

HEX

#BCA9CB

RGB

188, 169, 203

HSL

273.5, 24.6%, 72.9%

HSV

273.5, 16.7%, 79.6%

CMYK

7.4%, 16.7%, 0.0%, 20.4%

OKLCH

0.762 0.0521 310.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BCA9CB

#B8CBA9

Analogous

#ABA9CB

#CBA9C9

#BCA9CB

Triadic

#BCA9CB

#CBBCA9

#A9CBBC

Split Complementary

#BCA9CB

#C9CBA9

#A9CBAB

Tetradic

#BCA9CB

#CBABA9

#B8CBA9

#A9C9CB

Color Blindness Simulation

Original

#BCA9CB

Protanopia

#B4B4C3

Deuteranopia

#B5B6C1

Tritanopia

#BBBCBB

Achromatopsia

#AFAFAF

CSS Usage

background-color: #BCA9CB;
color: #BCA9CB;
border-color: #BCA9CB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DCD3E4
300
#C4B3D1
400
#A389B8
500
#83609F
600
#694D7F
700
#543E66
800
#42304F
900
#32263B
950
#1F1825

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026