#BAE2EE Color

Color Information

HEX#BAE2EE
RGB186, 226, 238
HSL194° , 60% , 83%
HSV194° , 22% , 93%
CMYK22%, 5%, 0%, 7%

Lighter Shades

#C2E5F0 #CBE9F2 #D3ECF4 #DBF0F6 #E3F3F8 #ECF7FA

Darker Shades

#A4C7D1 #8DACB5 #779198 #61767C #4A5A5F #343F43

Complementary Palette

#A0C2CD #BAE2EE #CDAAA0 #EEC6BA #F0CEC4 #C4E6F0

Analogous Palette

#B6CEC8 #C2E5DC #AFD4E0 #BAE2EE #C2CCE5 #CAD1E8

Triadic Palette

#A4C7D1 #BAE2EE #F2B5E4 #F4BEE7 #E4F2B5 #C9D59F

Split Complementary Palette

#A7CBD6 #BAE2EE #EEBAC8 #F0C1CE #EEE0BA #D6CAA7

Square Palette

#9CBEC8 #BAE2EE #DEBEE9 #E9C8BE #C8EEBA #D1F1C5

Tetradic Palette

#99B9C3 #BAE2EE #C2B2F5 #EEC6BA #E6F5B2 #EBF7C0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE2EE contains 186 red, 226 green, and 238 blue.

Contrast Ratio: 1.37:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 15.33:1