#BCA7CD

#BCA7CD

Color Values

HEX

#BCA7CD

RGB

188, 167, 205

HSL

273.2, 27.5%, 72.9%

HSV

273.2, 18.5%, 80.4%

CMYK

8.3%, 18.5%, 0.0%, 19.6%

OKLCH

0.7589 0.0582 309.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BCA7CD

#B8CDA7

Analogous

#A9A7CD

#CDA7CB

#BCA7CD

Triadic

#BCA7CD

#CDBCA7

#A7CDBC

Split Complementary

#BCA7CD

#CBCDA7

#A7CDA9

Tetradic

#BCA7CD

#CDA9A7

#B8CDA7

#A7CBCD

Color Blindness Simulation

Original

#BCA7CD

Protanopia

#B3B3C4

Deuteranopia

#B4B6C2

Tritanopia

#BBBDBB

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DCD1E5
300
#C4B1D3
400
#A387BB
500
#835CA3
600
#694A82
700
#543B68
800
#422E51
900
#32243C
950
#1F1726

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026