#BAD4FD

#BAD4FD

Color Values

HEX

#BAD4FD

RGB

186, 212, 253

HSL

216.7, 94.4%, 86.1%

HSV

216.7, 26.5%, 99.2%

CMYK

26.5%, 16.2%, 0.0%, 0.8%

OKLCH

0.8644 0.0637 259.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD4FD

#FDE3BA

Analogous

#BAF6FD

#C2BAFD

#BAD4FD

Triadic

#BAD4FD

#FDBAD4

#D4FDBA

Split Complementary

#BAD4FD

#FDC2BA

#F6FDBA

Tetradic

#BAD4FD

#FDBAF6

#FDE3BA

#BAFDC2

Color Blindness Simulation

Original

#BAD4FD

Protanopia

#C5C5F3

Deuteranopia

#C4C2F1

Tritanopia

#BBEBEA

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B5FC
400
#488DFA
500
#0765F8
600
#0650C6
700
#05409F
800
#04327C
900
#07275A
950
#051939

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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