#BCA9CE

#BCA9CE

Color Values

HEX

#BCA9CE

RGB

188, 169, 206

HSL

270.8, 27.4%, 73.5%

HSV

270.8, 18.0%, 80.8%

CMYK

8.7%, 18.0%, 0.0%, 19.2%

OKLCH

0.7631 0.056 308.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#BCA9CE

#BBCEA9

Analogous

#A9A9CE

#CEA9CD

#BCA9CE

Triadic

#BCA9CE

#CEBCA9

#A9CEBC

Split Complementary

#BCA9CE

#CDCEA9

#A9CEA9

Tetradic

#BCA9CE

#CEA9A9

#BBCEA9

#A9CDCE

Color Blindness Simulation

Original

#BCA9CE

Protanopia

#B4B4C5

Deuteranopia

#B5B6C3

Tritanopia

#BBBEBC

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD2E5
300
#C2B1D3
400
#A187BB
500
#805DA2
600
#674A82
700
#523B68
800
#402E51
900
#31253C
950
#1F1726

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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