#BBB3DC

#BBB3DC

Color Values

HEX

#BBB3DC

RGB

187, 179, 220

HSL

251.7, 36.9%, 78.2%

HSV

251.7, 18.6%, 86.3%

CMYK

15.0%, 18.6%, 0.0%, 13.7%

OKLCH

0.7869 0.0582 294.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BBB3DC

#D4DCB3

Analogous

#B3BFDC

#CFB3DC

#BBB3DC

Triadic

#BBB3DC

#DCBBB3

#B3DCBB

Split Complementary

#BBB3DC

#DCCFB3

#BFDCB3

Tetradic

#BBB3DC

#DCB3BF

#D4DCB3

#B3DCCF

Color Blindness Simulation

Original

#BBB3DC

Protanopia

#B8B7D2

Deuteranopia

#B8B9D0

Tritanopia

#BBCAC9

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D3CEE8
300
#B4ABD8
400
#8B7EC3
500
#6350AF
600
#4F408C
700
#3F3370
800
#312857
900
#272041
950
#181429

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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