#BBCFE6

#BBCFE6

Color Values

HEX

#BBCFE6

RGB

187, 207, 230

HSL

212.1, 46.2%, 81.8%

HSV

212.1, 18.7%, 90.2%

CMYK

18.7%, 10.0%, 0.0%, 9.8%

OKLCH

0.8468 0.0388 251.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BBCFE6

#E6D2BB

Analogous

#BBE5E6

#BDBBE6

#BBCFE6

Triadic

#BBCFE6

#E6BBCF

#CFE6BB

Split Complementary

#BBCFE6

#E6BDBB

#E5E6BB

Tetradic

#BBCFE6

#E6BBE5

#E6D2BB

#BBE6BD

Color Blindness Simulation

Original

#BBCFE6

Protanopia

#C4C4E0

Deuteranopia

#C2C1DF

Tritanopia

#BCDCDB

Achromatopsia

#CCCCCC

CSS Usage

background-color: #BBCFE6;
color: #BBCFE6;
border-color: #BBCFE6;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDAEC
300
#A6C0DE
400
#759ECC
500
#457BBA
600
#376395
700
#2C4F77
800
#223E5D
900
#1C2F45
950
#121E2B

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.18:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026