#BBDCF8

#BBDCF8

Color Values

HEX

#BBDCF8

RGB

187, 220, 248

HSL

207.5, 81.3%, 85.3%

HSV

207.5, 24.6%, 97.3%

CMYK

24.6%, 11.3%, 0.0%, 2.7%

OKLCH

0.8796 0.0523 244.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BBDCF8

#F8D7BB

Analogous

#BBF8F5

#BBBEF8

#BBDCF8

Triadic

#BBDCF8

#F8BBDC

#DCF8BB

Split Complementary

#BBDCF8

#F8BBBE

#F8F5BB

Tetradic

#BBDCF8

#F5BBF8

#F8D7BB

#BEF8BB

Color Blindness Simulation

Original

#BBDCF8

Protanopia

#C9CAF1

Deuteranopia

#C7C5F0

Tritanopia

#BDECEB

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BEDEF8
300
#90C6F4
400
#54A7ED
500
#1888E7
600
#136DB9
700
#0F5794
800
#0C4474
900
#0D3354
950
#082035

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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