#BAD8F7

#BAD8F7

Color Values

HEX

#BAD8F7

RGB

186, 216, 247

HSL

210.5, 79.2%, 84.9%

HSV

210.5, 24.7%, 96.9%

CMYK

24.7%, 12.6%, 0.0%, 3.1%

OKLCH

0.8704 0.0537 249.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD8F7

#F7D9BA

Analogous

#BAF6F7

#BBBAF7

#BAD8F7

Triadic

#BAD8F7

#F7BAD8

#D8F7BA

Split Complementary

#BAD8F7

#F7BBBA

#F6F7BA

Tetradic

#BAD8F7

#F7BAF6

#F7D9BA

#BAF7BB

Color Blindness Simulation

Original

#BAD8F7

Protanopia

#C7C7F0

Deuteranopia

#C5C3EE

Tritanopia

#BCEAE8

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDBF8
300
#91C1F2
400
#569FEB
500
#1B7EE4
600
#1565B7
700
#115192
800
#0D3F72
900
#0E3053
950
#091E34

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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