#BBD4FA

#BBD4FA

Color Values

HEX

#BBD4FA

RGB

187, 212, 250

HSL

216.2, 86.3%, 85.7%

HSV

216.2, 25.2%, 98.0%

CMYK

25.2%, 15.2%, 0.0%, 2.0%

OKLCH

0.864 0.0595 258.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BBD4FA

#FAE1BB

Analogous

#BBF4FA

#C2BBFA

#BBD4FA

Triadic

#BBD4FA

#FABBD4

#D4FABB

Split Complementary

#BBD4FA

#FAC2BB

#F4FABB

Tetradic

#BBD4FA

#FABBF4

#FAE1BB

#BBFAC2

Color Blindness Simulation

Original

#BBD4FA

Protanopia

#C6C6F1

Deuteranopia

#C4C2EF

Tritanopia

#BCEAE8

Achromatopsia

#D1D1D1

CSS Usage

background-color: #BBD4FA;
color: #BBD4FA;
border-color: #BBD4FA;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD5FA
300
#8DB7F7
400
#4F90F2
500
#1169EE
600
#0E54BE
700
#0B4398
800
#093477
900
#0B2956
950
#071A36

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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