#BDBFED

#BDBFED

Color Values

HEX

#BDBFED

RGB

189, 191, 237

HSL

237.5, 57.1%, 83.5%

HSV

237.5, 20.3%, 92.9%

CMYK

20.3%, 19.4%, 0.0%, 7.1%

OKLCH

0.8185 0.0645 282.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDBFED

#EDEBBD

Analogous

#BDD7ED

#D3BDED

#BDBFED

Triadic

#BDBFED

#EDBDBF

#BFEDBD

Split Complementary

#BDBFED

#EDD3BD

#D7EDBD

Tetradic

#BDBFED

#EDBDD7

#EDEBBD

#BDEDD3

Color Blindness Simulation

Original

#BDBFED

Protanopia

#BEBEE2

Deuteranopia

#BEBEDF

Tritanopia

#BDD9D7

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C9F0
300
#9FA2E5
400
#6B6FD7
500
#373DC8
600
#2C31A0
700
#232780
800
#1B1E64
900
#181A49
950
#0F102E

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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