#BAE8F1

#BAE8F1

Color Values

HEX

#BAE8F1

RGB

186, 232, 241

HSL

189.8, 66.3%, 83.7%

HSV

189.8, 22.8%, 94.5%

CMYK

22.8%, 3.7%, 0.0%, 5.5%

OKLCH

0.9016 0.049 210.9

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BAE8F1

#F1C3BA

Analogous

#BAF1DE

#BACCF1

#BAE8F1

Triadic

#BAE8F1

#F1BAE8

#E8F1BA

Split Complementary

#BAE8F1

#F1BACC

#F1DEBA

Tetradic

#BAE8F1

#DEBAF1

#F1C3BA

#CCF1BA

Color Blindness Simulation

Original

#BAE8F1

Protanopia

#CECEEF

Deuteranopia

#CBC8EE

Tritanopia

#BCEDED

Achromatopsia

#DFDFDF

CSS Usage

background-color: #BAE8F1;
color: #BAE8F1;
border-color: #BAE8F1;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4EBF3
300
#99DDEA
400
#62CBDF
500
#2BB8D4
600
#2294AA
700
#1B7688
800
#155C6A
900
#14444D
950
#0C2B31

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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