#BAECFD

#BAECFD

Color Values

HEX

#BAECFD

RGB

186, 236, 253

HSL

195,2, 94,4%, 86,1%

HSV

195,2, 26,5%, 99,2%

CMYK

26,5%, 6,7%, 0,0%, 0,8%

OKLCH

0,9139 0,0562 220,6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAECFD

#FDCBBA

Analogous

#BAFDED

#BACBFD

#BAECFD

Triadic

#BAECFD

#FDBAEC

#ECFDBA

Split Complementary

#BAECFD

#FDBACB

#FDEDBA

Tetradic

#BAECFD

#EDBAFD

#FDCBBA

#CBFDBA

Color Blindness Simulation

Original

#BAECFD

Protanopia

#D0D0F9

Deuteranopia

#CDC9F8

Tritanopia

#BCF6F5

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAECFD
300
#88DEFC
400
#48CDFA
500
#07BBF8
600
#0696C6
700
#05789F
800
#045D7C
900
#07455A
950
#052B39

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,5:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Tháng 2 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Tháng 2 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Tháng 2 20, 2026