#B9BAF3

#B9BAF3

Color Values

HEX

#B9BAF3

RGB

185, 186, 243

HSL

239.0, 70.7%, 83.9%

HSV

239.0, 23.9%, 95.3%

CMYK

23.9%, 23.5%, 0.0%, 4.7%

OKLCH

0.808 0.0802 283.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BAF3

#F3F2B9

Analogous

#B9D7F3

#D5B9F3

#B9BAF3

Triadic

#B9BAF3

#F3B9BA

#BAF3B9

Split Complementary

#B9BAF3

#F3D5B9

#D7F3B9

Tetradic

#B9BAF3

#F3B9D7

#F3F2B9

#B9F3D5

Color Blindness Simulation

Original

#B9BAF3

Protanopia

#B9B9E5

Deuteranopia

#B9B9E2

Tritanopia

#B9DAD8

Achromatopsia

#BEBEBE

CSS Usage

background-color: #B9BAF3;
color: #B9BAF3;
border-color: #B9BAF3;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C3F5
300
#9798ED
400
#5E60E3
500
#2528DA
600
#1E20AE
700
#181A8B
800
#13146D
900
#12134F
950
#0B0C32

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026