#BAD4F0

#BAD4F0

Color Values

HEX

#BAD4F0

RGB

186, 212, 240

HSL

211.1, 64.3%, 83.5%

HSV

211.1, 22.5%, 94.1%

CMYK

22.5%, 11.7%, 0.0%, 5.9%

OKLCH

0.8598 0.048 250.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD4F0

#F0D6BA

Analogous

#BAEFF0

#BBBAF0

#BAD4F0

Triadic

#BAD4F0

#F0BAD4

#D4F0BA

Split Complementary

#BAD4F0

#F0BBBA

#EFF0BA

Tetradic

#BAD4F0

#F0BAEF

#F0D6BA

#BAF0BB

Color Blindness Simulation

Original

#BAD4F0

Protanopia

#C5C5E9

Deuteranopia

#C4C2E8

Tritanopia

#BBE4E3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DAF2
300
#9AC0E9
400
#649EDD
500
#2E7CD1
600
#2464A8
700
#1D5086
800
#173E69
900
#142F4C
950
#0D1E30

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026