#BAE2FD

#BAE2FD

Color Values

HEX

#BAE2FD

RGB

186, 226, 253

HSL

204.2, 94.4%, 86.1%

HSV

204.2, 26.5%, 99.2%

CMYK

26.5%, 10.7%, 0.0%, 0.8%

OKLCH

0.8931 0.056 237.8

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BAE2FD

#FDD5BA

Analogous

#BAFDF7

#BAC1FD

#BAE2FD

Triadic

#BAE2FD

#FDBAE2

#E2FDBA

Split Complementary

#BAE2FD

#FDBAC1

#FDF7BA

Tetradic

#BAE2FD

#F7BAFD

#FDD5BA

#C1FDBA

Color Blindness Simulation

Original

#BAE2FD

Protanopia

#CBCCF6

Deuteranopia

#C9C6F5

Tritanopia

#BCF1F0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #BAE2FD;
color: #BAE2FD;
border-color: #BAE2FD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FD
100
#DFF0FB
200
#BAE2FD
300
#88CDFC
400
#48B2FA
500
#0797F8
600
#0679C6
700
#05609F
800
#044B7C
900
#07385A
950
#052439

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026