#BBDCE3

#BBDCE3

Color Values

HEX

#BBDCE3

RGB

187, 220, 227

HSL

190.5, 41.7%, 81.2%

HSV

190.5, 17.6%, 89.0%

CMYK

17.6%, 3.1%, 0.0%, 11.0%

OKLCH

0.8727 0.0361 211.9

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BBDCE3

#E3C2BB

Analogous

#BBE3D6

#BBC8E3

#BBDCE3

Triadic

#BBDCE3

#E3BBDC

#DCE3BB

Split Complementary

#BBDCE3

#E3BBC8

#E3D6BB

Tetradic

#BBDCE3

#D6BBE3

#E3C2BB

#C8E3BB

Color Blindness Simulation

Original

#BBDCE3

Protanopia

#C9CAE1

Deuteranopia

#C7C5E1

Tritanopia

#BDE0E0

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE5EA
300
#A8D2DB
400
#79BAC8
500
#4AA2B5
600
#3B8291
700
#306874
800
#25515A
900
#1E3C43
950
#13262A

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026