#BAD0FD

#BAD0FD

Color Values

HEX

#BAD0FD

RGB

186, 208, 253

HSL

220.3, 94.4%, 86.1%

HSV

220.3, 26.5%, 99.2%

CMYK

26.5%, 17.8%, 0.0%, 0.8%

OKLCH

0.8563 0.0674 264.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD0FD

#FDE7BA

Analogous

#BAF2FD

#C6BAFD

#BAD0FD

Triadic

#BAD0FD

#FDBAD0

#D0FDBA

Split Complementary

#BAD0FD

#FDC6BA

#F2FDBA

Tetradic

#BAD0FD

#FDBAF2

#FDE7BA

#BAFDC6

Color Blindness Simulation

Original

#BAD0FD

Protanopia

#C4C4F2

Deuteranopia

#C2C1F0

Tritanopia

#BBEAE8

Achromatopsia

#CFCFCF

CSS Usage

background-color: #BAD0FD;
color: #BAD0FD;
border-color: #BAD0FD;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BAD0FD
300
#88AEFC
400
#4882FA
500
#0756F8
600
#0645C6
700
#05379F
800
#042B7C
900
#07225A
950
#051639

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.53:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026