#B9BAF6

#B9BAF6

Color Values

HEX

#B9BAF6

RGB

185, 186, 246

HSL

239.0, 77.2%, 84.5%

HSV

239.0, 24.8%, 96.5%

CMYK

24.8%, 24.4%, 0.0%, 3.5%

OKLCH

0.8092 0.0843 283.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BAF6

#F6F5B9

Analogous

#B9D8F6

#D6B9F6

#B9BAF6

Triadic

#B9BAF6

#F6B9BA

#BAF6B9

Split Complementary

#B9BAF6

#F6D6B9

#D8F6B9

Tetradic

#B9BAF6

#F6B9D8

#F6F5B9

#B9F6D6

Color Blindness Simulation

Original

#B9BAF6

Protanopia

#B9B9E7

Deuteranopia

#B9B9E4

Tritanopia

#B9DCDA

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F2F2FC
100
#E1E2F9
200
#C0C1F7
300
#9394F1
400
#585AE9
500
#1D20E2
600
#171AB5
700
#131591
800
#0F1071
900
#0F1052
950
#090A34

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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