#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026