#BBD5FD

#BBD5FD

Color Values

HEX

#BBD5FD

RGB

187, 213, 253

HSL

216.4, 94.3%, 86.3%

HSV

216.4, 26.1%, 99.2%

CMYK

26.1%, 15.8%, 0.0%, 0.8%

OKLCH

0.8671 0.0624 258.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BBD5FD

#FDE3BB

Analogous

#BBF6FD

#C2BBFD

#BBD5FD

Triadic

#BBD5FD

#FDBBD5

#D5FDBB

Split Complementary

#BBD5FD

#FDC2BB

#F6FDBB

Tetradic

#BBD5FD

#FDBBF6

#FDE3BB

#BBFDC2

Color Blindness Simulation

Original

#BBD5FD

Protanopia

#C6C6F3

Deuteranopia

#C5C3F1

Tritanopia

#BCECEA

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B5FC
400
#488EFA
500
#0766F8
600
#0651C6
700
#05419F
800
#04337C
900
#07285A
950
#051939

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026