#BBCCEA

#BBCCEA

Color Values

HEX

#BBCCEA

RGB

187, 204, 234

HSL

218.3, 52.8%, 82.5%

HSV

218.3, 20.1%, 91.8%

CMYK

20.1%, 12.8%, 0.0%, 8.2%

OKLCH

0.842 0.046 261.8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BBCCEA

#EAD9BB

Analogous

#BBE3EA

#C1BBEA

#BBCCEA

Triadic

#BBCCEA

#EABBCC

#CCEABB

Split Complementary

#BBCCEA

#EAC1BB

#E3EABB

Tetradic

#BBCCEA

#EABBE3

#EAD9BB

#BBEAC1

Color Blindness Simulation

Original

#BBCCEA

Protanopia

#C2C3E3

Deuteranopia

#C1C0E1

Tritanopia

#BCDDDC

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D6EE
300
#A1B9E2
400
#6F93D2
500
#3C6DC3
600
#30579C
700
#27467D
800
#1E3661
900
#192A47
950
#101B2D

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

12.94: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