#B9BAF4

#B9BAF4

Color Values

HEX

#B9BAF4

RGB

185, 186, 244

HSL

239.0, 72.8%, 84.1%

HSV

239.0, 24.2%, 95.7%

CMYK

24.2%, 23.8%, 0.0%, 4.3%

OKLCH

0.8084 0.0816 283.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BAF4

#F4F3B9

Analogous

#B9D7F4

#D5B9F4

#B9BAF4

Triadic

#B9BAF4

#F4B9BA

#BAF4B9

Split Complementary

#B9BAF4

#F4D5B9

#D7F4B9

Tetradic

#B9BAF4

#F4B9D7

#F4F3B9

#B9F4D5

Color Blindness Simulation

Original

#B9BAF4

Protanopia

#B9B9E6

Deuteranopia

#B9B9E3

Tritanopia

#B9DBD8

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C2F5
300
#9597EE
400
#5C5EE5
500
#2326DC
600
#1C1EB0
700
#16188D
800
#11136E
900
#111250
950
#0B0B33

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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