#BBDCFA

#BBDCFA

Color Values

HEX

#BBDCFA

RGB

187, 220, 250

HSL

208.6, 86.3%, 85.7%

HSV

208.6, 25.2%, 98.0%

CMYK

25.2%, 12.0%, 0.0%, 2.0%

OKLCH

0.8803 0.0544 245.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BBDCFA

#FAD9BB

Analogous

#BBFAF9

#BBBDFA

#BBDCFA

Triadic

#BBDCFA

#FABBDC

#DCFABB

Split Complementary

#BBDCFA

#FABBBD

#FAF9BB

Tetradic

#BBDCFA

#F9BBFA

#FAD9BB

#BDFABB

Color Blindness Simulation

Original

#BBDCFA

Protanopia

#C9CAF3

Deuteranopia

#C7C5F1

Tritanopia

#BDEDEC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDDFA
300
#8DC4F7
400
#4FA4F2
500
#1185EE
600
#0E6ABE
700
#0B5598
800
#094277
900
#0B3256
950
#072036

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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