#BBDDF8

#BBDDF8

Color Values

HEX

#BBDDF8

RGB

187, 221, 248

HSL

206,6, 81,3%, 85,3%

HSV

206,6, 24,6%, 97,3%

CMYK

24,6%, 10,9%, 0,0%, 2,7%

OKLCH

0,8817 0,0519 242,2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BBDDF8

#F8D6BB

Analogous

#BBF8F5

#BBBEF8

#BBDDF8

Triadic

#BBDDF8

#F8BBDD

#DDF8BB

Split Complementary

#BBDDF8

#F8BBBE

#F8F5BB

Tetradic

#BBDDF8

#F5BBF8

#F8D6BB

#BEF8BB

Color Blindness Simulation

Original

#BBDDF8

Protanopia

#CACAF1

Deuteranopia

#C8C5F0

Tritanopia

#BDECEB

Achromatopsia

#D8D8D8

CSS Usage

background-color: #BBDDF8;
color: #BBDDF8;
border-color: #BBDDF8;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F2F8FD
100
#E1EFF9
200
#BEDFF8
300
#90C7F4
400
#54A9ED
500
#188BE7
600
#136FB9
700
#0F5994
800
#0C4674
900
#0D3454
950
#082135

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,81: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