#BAE6F1

#BAE6F1

Color Values

HEX

#BAE6F1

RGB

186, 230, 241

HSL

192.0, 66.3%, 83.7%

HSV

192.0, 22.8%, 94.5%

CMYK

22.8%, 4.6%, 0.0%, 5.5%

OKLCH

0.8974 0.0479 214.6

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BAE6F1

#F1C5BA

Analogous

#BAF1E0

#BACAF1

#BAE6F1

Triadic

#BAE6F1

#F1BAE6

#E6F1BA

Split Complementary

#BAE6F1

#F1BACA

#F1E0BA

Tetradic

#BAE6F1

#E0BAF1

#F1C5BA

#CAF1BA

Color Blindness Simulation

Original

#BAE6F1

Protanopia

#CDCDEE

Deuteranopia

#CAC7EE

Tritanopia

#BCECEC

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C4EAF3
300
#99DAEA
400
#62C6DF
500
#2BB2D4
600
#228FAA
700
#1B7288
800
#15596A
900
#14424D
950
#0C2A31

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026