#BAE4F3 Color

Color Information

HEX#BAE4F3
RGB186, 228, 243
HSL196° , 70% , 84%
HSV196° , 23% , 95%
CMYK23%, 6%, 0%, 5%

Lighter Shades

#C2E7F4 #CBEAF6 #D3EEF7 #DBF1F9 #E3F4FA #ECF7FC

Darker Shades

#A4C9D6 #8DADB9 #77929C #61777E #4A5B61 #344044

Complementary Palette

#A0C4D1 #BAE4F3 #D1ADA0 #F3C9BA #F5D1C4 #C4E8F5

Analogous Palette

#B5D4CC #C2EBE0 #AFD6E4 #BAE4F3 #C2CBEB #C6CEEC

Triadic Palette

#A4C9D6 #BAE4F3 #F7B6E5 #F8BFE8 #E5F7B6 #CAD9A0

Split Complementary Palette

#A7CDDB #BAE4F3 #F3BAC7 #F4C1CD #F3E5BA #DBCEA7

Square Palette

#9CC0CC #BAE4F3 #E2BEEF #EFCBBE #C7F3BA #D0F5C5

Tetradic Palette

#99BBC7 #BAE4F3 #C5B2FA #F3C9BA #E7FAB2 #EBFBC0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE4F3 contains 186 red, 228 green, and 243 blue.

Contrast Ratio: 1.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.6:1