#BAD8FC

#BAD8FC

Color Values

HEX

#BAD8FC

RGB

186, 216, 252

HSL

212.7, 91.7%, 85.9%

HSV

212.7, 26.2%, 98.8%

CMYK

26.2%, 14.3%, 0.0%, 1.2%

OKLCH

0.8722 0.0595 253.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD8FC

#FCDEBA

Analogous

#BAF9FC

#BDBAFC

#BAD8FC

Triadic

#BAD8FC

#FCBAD8

#D8FCBA

Split Complementary

#BAD8FC

#FCBDBA

#F9FCBA

Tetradic

#BAD8FC

#FCBAF9

#FCDEBA

#BAFCBD

Color Blindness Simulation

Original

#BAD8FC

Protanopia

#C7C7F3

Deuteranopia

#C5C3F1

Tritanopia

#BCECEB

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD8FC
300
#8ABDFA
400
#4A99F7
500
#0B75F4
600
#085EC4
700
#074B9C
800
#053A7A
900
#082D58
950
#051C38

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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