#B9BAF2

#B9BAF2

Color Values

HEX

#B9BAF2

RGB

185, 186, 242

HSL

238.9, 68.7%, 83.7%

HSV

238.9, 23.6%, 94.9%

CMYK

23.6%, 23.1%, 0.0%, 5.1%

OKLCH

0.8076 0.0788 283.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B9BAF2

#F2F1B9

Analogous

#B9D6F2

#D4B9F2

#B9BAF2

Triadic

#B9BAF2

#F2B9BA

#BAF2B9

Split Complementary

#B9BAF2

#F2D4B9

#D6F2B9

Tetradic

#B9BAF2

#F2B9D6

#F2F1B9

#B9F2D4

Color Blindness Simulation

Original

#B9BAF2

Protanopia

#B9B9E4

Deuteranopia

#B9B9E1

Tritanopia

#B9DAD7

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#9899EC
400
#6062E1
500
#282BD7
600
#2022AC
700
#1A1C8A
800
#14166C
900
#12144E
950
#0C0C32

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026