#BAD8FA

#BAD8FA

Color Values

HEX

#BAD8FA

RGB

186, 216, 250

HSL

211.9, 86.5%, 85.5%

HSV

211.9, 25.6%, 98.0%

CMYK

25.6%, 13.6%, 0.0%, 2.0%

OKLCH

0.8715 0.0572 251.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD8FA

#FADCBA

Analogous

#BAF8FA

#BCBAFA

#BAD8FA

Triadic

#BAD8FA

#FABAD8

#D8FABA

Split Complementary

#BAD8FA

#FABCBA

#F8FABA

Tetradic

#BAD8FA

#FABAF8

#FADCBA

#BAFABC

Color Blindness Simulation

Original

#BAD8FA

Protanopia

#C7C7F2

Deuteranopia

#C5C3F0

Tritanopia

#BCEBEA

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD9FA
300
#8DBEF7
400
#4F9BF2
500
#1179EE
600
#0E60BE
700
#0B4D98
800
#093C77
900
#0B2E56
950
#071D36

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.29:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026