#B9BAEF

#B9BAEF

Color Values

HEX

#B9BAEF

RGB

185, 186, 239

HSL

238.9, 62.8%, 83.1%

HSV

238.9, 22.6%, 93.7%

CMYK

22.6%, 22.2%, 0.0%, 6.3%

OKLCH

0.8064 0.0746 283.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BAEF

#EFEEB9

Analogous

#B9D5EF

#D3B9EF

#B9BAEF

Triadic

#B9BAEF

#EFB9BA

#BAEFB9

Split Complementary

#B9BAEF

#EFD3B9

#D5EFB9

Tetradic

#B9BAEF

#EFB9D5

#EFEEB9

#B9EFD3

Color Blindness Simulation

Original

#B9BAEF

Protanopia

#B9B9E2

Deuteranopia

#B9B9DF

Tritanopia

#B9D8D6

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C6F2
300
#9B9DE8
400
#6568DC
500
#2F32D0
600
#2628A6
700
#1E2085
800
#181968
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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