#BAE3FD

#BAE3FD

Color Values

HEX

#BAE3FD

RGB

186, 227, 253

HSL

203,3, 94,4%, 86,1%

HSV

203,3, 26,5%, 99,2%

CMYK

26,5%, 10,3%, 0,0%, 0,8%

OKLCH

0,8952 0,0558 236,1

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BAE3FD

#FDD4BA

Analogous

#BAFDF6

#BAC2FD

#BAE3FD

Triadic

#BAE3FD

#FDBAE3

#E3FDBA

Split Complementary

#BAE3FD

#FDBAC2

#FDF6BA

Tetradic

#BAE3FD

#F6BAFD

#FDD4BA

#C2FDBA

Color Blindness Simulation

Original

#BAE3FD

Protanopia

#CCCCF7

Deuteranopia

#C9C6F5

Tritanopia

#BCF2F1

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF0FB
200
#BAE3FD
300
#88CFFC
400
#48B5FA
500
#079AF8
600
#067CC6
700
#05639F
800
#044D7C
900
#073A5A
950
#052439

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,49: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