#B9BAFE

#B9BAFE

Color Values

HEX

#B9BAFE

RGB

185, 186, 254

HSL

239.1, 97.2%, 86.1%

HSV

239.1, 27.2%, 99.6%

CMYK

27.2%, 26.8%, 0.0%, 0.4%

OKLCH

0.8125 0.0955 283.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B9BAFE

#FEFDB9

Analogous

#B9DDFE

#DBB9FE

#B9BAFE

Triadic

#B9BAFE

#FEB9BA

#BAFEB9

Split Complementary

#B9BAFE

#FEDBB9

#DDFEB9

Tetradic

#B9BAFE

#FEB9DD

#FEFDB9

#B9FEDB

Color Blindness Simulation

Original

#B9BAFE

Protanopia

#B9B9EE

Deuteranopia

#B9B9EA

Tritanopia

#B9E1DE

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B9BAFE
300
#8688FD
400
#4548FC
500
#0407FB
600
#0306C9
700
#0205A1
800
#02047E
900
#06075B
950
#040539

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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