#BAE7FD Color

Color Information

HEX#BAE7FD
RGB186, 231, 253
HSL200° , 94% , 86%
HSV200° , 26% , 99%
CMYK26%, 9%, 0%, 1%

Lighter Shades

#C2EAFD #CBEDFD #D3F0FE #DBF3FE #E3F5FE #ECF8FE

Darker Shades

#A4CBDF #8DB0C0 #7794A2 #617884 #4A5C65 #344147

Complementary Palette

#A0C7DA #BAE7FD #DAB3A0 #FDD0BA #FDD7C4 #C4EAFD

Analogous Palette

#B5DED7 #C1F6ED #AFD9EE #BAE7FD #C1CAF6 #C5CDF6

Triadic Palette

#A4CBDF #BAE7FD #FFB8E6 #FFC1E9 #E6FFB8 #CAE0A2

Split Complementary Palette

#A7D0E4 #BAE7FD #FDBAC5 #FDC1CB #FDF2BA #E4DAA7

Square Palette

#9CC2D5 #BAE7FD #EFBDF9 #F9D1BD #C5FDBA #CEFDC5

Tetradic Palette

#99BDCF #BAE7FD #CFB8FF #FDD0BA #E6FFB8 #EBFFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE7FD contains 186 red, 231 green, and 253 blue.

Contrast Ratio: 1.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.05:1