#BBDAFA

#BBDAFA

Color Values

HEX

#BBDAFA

RGB

187, 218, 250

HSL

210.5, 86.3%, 85.7%

HSV

210.5, 25.2%, 98.0%

CMYK

25.2%, 12.8%, 0.0%, 2.0%

OKLCH

0.8762 0.0554 249.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BBDAFA

#FADBBB

Analogous

#BBF9FA

#BCBBFA

#BBDAFA

Triadic

#BBDAFA

#FABBDA

#DAFABB

Split Complementary

#BBDAFA

#FABCBB

#F9FABB

Tetradic

#BBDAFA

#FABBF9

#FADBBB

#BBFABC

Color Blindness Simulation

Original

#BBDAFA

Protanopia

#C8C9F2

Deuteranopia

#C7C4F0

Tritanopia

#BDECEB

Achromatopsia

#D6D6D6

CSS Usage

background-color: #BBDAFA;
color: #BBDAFA;
border-color: #BBDAFA;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDBFA
300
#8DC1F7
400
#4F9FF2
500
#117EEE
600
#0E65BE
700
#0B5098
800
#093F77
900
#0B3056
950
#071E36

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.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