#B9BAF1

#B9BAF1

Color Values

HEX

#B9BAF1

RGB

185, 186, 241

HSL

238.9, 66.7%, 83.5%

HSV

238.9, 23.2%, 94.5%

CMYK

23.2%, 22.8%, 0.0%, 5.5%

OKLCH

0.8072 0.0774 283.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BAF1

#F1F0B9

Analogous

#B9D6F1

#D4B9F1

#B9BAF1

Triadic

#B9BAF1

#F1B9BA

#BAF1B9

Split Complementary

#B9BAF1

#F1D4B9

#D6F1B9

Tetradic

#B9BAF1

#F1B9D6

#F1F0B9

#B9F1D4

Color Blindness Simulation

Original

#B9BAF1

Protanopia

#B9B9E4

Deuteranopia

#B9B9E0

Tritanopia

#B9D9D7

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C4F3
300
#999AEB
400
#6264E0
500
#2A2ED5
600
#2224AA
700
#1B1D88
800
#15176A
900
#13144E
950
#0C0D31

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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