#BBAEDB

#BBAEDB

Color Values

HEX

#BBAEDB

RGB

187, 174, 219

HSL

257.3, 38.5%, 77.1%

HSV

257.3, 20.5%, 85.9%

CMYK

14.6%, 20.5%, 0.0%, 14.1%

OKLCH

0.7768 0.0647 298.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BBAEDB

#CEDBAE

Analogous

#AEB8DB

#D2AEDB

#BBAEDB

Triadic

#BBAEDB

#DBBBAE

#AEDBBB

Split Complementary

#BBAEDB

#DBD2AE

#B8DBAE

Tetradic

#BBAEDB

#DBAEB8

#CEDBAE

#AEDBD2

Color Blindness Simulation

Original

#BBAEDB

Protanopia

#B5B5D0

Deuteranopia

#B6B7CD

Tritanopia

#BAC8C6

Achromatopsia

#B4B4B4

CSS Usage

background-color: #BBAEDB;
color: #BBAEDB;
border-color: #BBAEDB;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F6F5FA
100
#EBE7F3
200
#D5CEE9
300
#B8AAD9
400
#917CC5
500
#6B4EB1
600
#553F8D
700
#443271
800
#352758
900
#292041
950
#1A1429

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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