#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

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026