#BBCDE3

#BBCDE3

Color Values

HEX

#BBCDE3

RGB

187, 205, 227

HSL

213,0, 41,7%, 81,2%

HSV

213,0, 17,6%, 89,0%

CMYK

17,6%, 9,7%, 0,0%, 11,0%

OKLCH

0,8417 0,0365 253,5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BBCDE3

#E3D1BB

Analogous

#BBE1E3

#BDBBE3

#BBCDE3

Triadic

#BBCDE3

#E3BBCD

#CDE3BB

Split Complementary

#BBCDE3

#E3BDBB

#E1E3BB

Tetradic

#BBCDE3

#E3BBE1

#E3D1BB

#BBE3BD

Color Blindness Simulation

Original

#BBCDE3

Protanopia

#C3C3DE

Deuteranopia

#C2C0DC

Tritanopia

#BCD9D9

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CCDAEA
300
#A8BFDB
400
#799DC8
500
#4A7AB5
600
#3B6291
700
#304E74
800
#253D5A
900
#1E2F43
950
#131D2A

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,95: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