#B0BBFF

#B0BBFF

Color Values

HEX

#B0BBFF

RGB

176, 187, 255

HSL

231.6, 100.0%, 84.5%

HSV

231.6, 31.0%, 100.0%

CMYK

31.0%, 26.7%, 0.0%, 0.0%

OKLCH

0.8082 0.097 276.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B0BBFF

#FFF4B0

Analogous

#B0E3FF

#CCB0FF

#B0BBFF

Triadic

#B0BBFF

#FFB0BB

#BBFFB0

Split Complementary

#B0BBFF

#FFCCB0

#E3FFB0

Tetradic

#B0BBFF

#FFB0E3

#FFF4B0

#B0FFCC

Color Blindness Simulation

Original

#B0BBFF

Protanopia

#B5B5EF

Deuteranopia

#B4B3EB

Tritanopia

#B1E2DF

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE2FC
200
#B8C2FF
300
#8596FF
400
#425DFF
500
#0024FF
600
#001DCC
700
#0017A3
800
#001280
900
#05115C
950
#030B3A

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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