#BBA5CC

#BBA5CC

Color Values

HEX

#BBA5CC

RGB

187, 165, 204

HSL

273,8, 27,7%, 72,4%

HSV

273,8, 19,1%, 80,0%

CMYK

8,3%, 19,1%, 0,0%, 20,0%

OKLCH

0,7538 0,06 310,3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BBA5CC

#B6CCA5

Analogous

#A8A5CC

#CCA5CA

#BBA5CC

Triadic

#BBA5CC

#CCBBA5

#A5CCBB

Split Complementary

#BBA5CC

#CACCA5

#A5CCA8

Tetradic

#BBA5CC

#CCA8A5

#B6CCA5

#A5CACC

Color Blindness Simulation

Original

#BBA5CC

Protanopia

#B1B1C3

Deuteranopia

#B3B4C0

Tritanopia

#BABBB9

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DDD1E5
300
#C4B1D3
400
#A487BB
500
#845CA3
600
#6A4A82
700
#543B68
800
#422E51
900
#32243D
950
#201726

Contrast Checker

Text on white

2,24:1

AA Fail AAA Fail

Text on black

9,37: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