#BBBDCE

#BBBDCE

Color Values

HEX

#BBBDCE

RGB

187, 189, 206

HSL

233.7, 16.2%, 77.1%

HSV

233.7, 9.2%, 80.8%

CMYK

9.2%, 8.3%, 0.0%, 19.2%

OKLCH

0.8021 0.0239 280.5

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#BBBDCE

#CECCBB

Analogous

#BBC7CE

#C3BBCE

#BBBDCE

Triadic

#BBBDCE

#CEBBBD

#BDCEBB

Split Complementary

#BBBDCE

#CEC3BB

#C7CEBB

Tetradic

#BBBDCE

#CEBBC7

#CECCBB

#BBCEC3

Color Blindness Simulation

Original

#BBBDCE

Protanopia

#BCBCCA

Deuteranopia

#BCBCC9

Tritanopia

#BBC7C6

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEBF0
200
#D6D7E1
300
#B8BACC
400
#9195B0
500
#6B6F94
600
#555977
700
#44475F
800
#35384A
900
#292B38
950
#1A1B23

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026