#BBCFEF

#BBCFEF

Color Values

HEX

#BBCFEF

RGB

187, 207, 239

HSL

216,9, 61,9%, 83,5%

HSV

216,9, 21,8%, 93,7%

CMYK

21,8%, 13,4%, 0,0%, 6,3%

OKLCH

0,8499 0,0498 259,8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BBCFEF

#EFDBBB

Analogous

#BBE9EF

#C1BBEF

#BBCFEF

Triadic

#BBCFEF

#EFBBCF

#CFEFBB

Split Complementary

#BBCFEF

#EFC1BB

#E9EFBB

Tetradic

#BBCFEF

#EFBBE9

#EFDBBB

#BBEFC1

Color Blindness Simulation

Original

#BBCFEF

Protanopia

#C4C4E7

Deuteranopia

#C2C1E5

Tritanopia

#BCE1E0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EBF7
200
#C5D6F1
300
#9CB9E8
400
#6693DB
500
#316DCE
600
#2757A5
700
#1F4684
800
#183767
900
#152A4B
950
#0E1B30

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,28:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026