#BBCFE7

#BBCFE7

Color Values

HEX

#BBCFE7

RGB

187, 207, 231

HSL

212,7, 47,8%, 82,0%

HSV

212,7, 19,0%, 90,6%

CMYK

19,0%, 10,4%, 0,0%, 9,4%

OKLCH

0,8471 0,04 253,0

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BBCFE7

#E7D3BB

Analogous

#BBE5E7

#BDBBE7

#BBCFE7

Triadic

#BBCFE7

#E7BBCF

#CFE7BB

Split Complementary

#BBCFE7

#E7BDBB

#E5E7BB

Tetradic

#BBCFE7

#E7BBE5

#E7D3BB

#BBE7BD

Color Blindness Simulation

Original

#BBCFE7

Protanopia

#C4C4E1

Deuteranopia

#C2C1E0

Tritanopia

#BCDDDC

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CADAEC
300
#A5BFDF
400
#749DCE
500
#437ABC
600
#356297
700
#2B4E79
800
#213D5E
900
#1C2F45
950
#111D2C

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

13,19: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