#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026