#BBE8F2

#BBE8F2

Color Values

HEX

#BBE8F2

RGB

187, 232, 242

HSL

190.9, 67.9%, 84.1%

HSV

190.9, 22.7%, 94.9%

CMYK

22.7%, 4.1%, 0.0%, 5.1%

OKLCH

0.9026 0.0484 212.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BBE8F2

#F2C5BB

Analogous

#BBF2E0

#BBCCF2

#BBE8F2

Triadic

#BBE8F2

#F2BBE8

#E8F2BB

Split Complementary

#BBE8F2

#F2BBCC

#F2E0BB

Tetradic

#BBE8F2

#E0BBF2

#F2C5BB

#CCF2BB

Color Blindness Simulation

Original

#BBE8F2

Protanopia

#CECFF0

Deuteranopia

#CCC8EF

Tritanopia

#BDEEED

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C3EBF4
300
#98DCEB
400
#61C9E1
500
#29B7D6
600
#2192AB
700
#1A7589
800
#145B6B
900
#13434E
950
#0C2B31

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.94: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