#BAE8FD

#BAE8FD

Color Values

HEX

#BAE8FD

RGB

186, 232, 253

HSL

198.8, 94.4%, 86.1%

HSV

198.8, 26.5%, 99.2%

CMYK

26.5%, 8.3%, 0.0%, 0.8%

OKLCH

0.9055 0.0555 227.4

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAE8FD

#FDCFBA

Analogous

#BAFDF1

#BAC7FD

#BAE8FD

Triadic

#BAE8FD

#FDBAE8

#E8FDBA

Split Complementary

#BAE8FD

#FDBAC7

#FDF1BA

Tetradic

#BAE8FD

#F1BAFD

#FDCFBA

#C7FDBA

Color Blindness Simulation

Original

#BAE8FD

Protanopia

#CECEF8

Deuteranopia

#CBC8F7

Tritanopia

#BCF4F3

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF2FB
200
#BAE8FD
300
#88D7FC
400
#48C2FA
500
#07ACF8
600
#068AC6
700
#056E9F
800
#04567C
900
#07405A
950
#052839

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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