#BAD5F9 Color

Color Information

HEX	#BAD5F9
RGB	186, 213, 249
HSL	214° , 84% , 85%
HSV	214° , 25% , 98%
CMYK	25%, 14%, 0%, 2%

Lighter Shades

#C2DAFA #CBDFFA #D3E4FB #DBE9FC #E3EEFD #ECF3FD

Darker Shades

#A4BBDB #8DA2BD #77889F #616F81 #4A5564 #343C46

Complementary Palette

#A0B7D6 #BAD5F9 #D6BE9F #F9DDB9 #FAE2C3 #C4DBFA

Analogous Palette

#B4D7D9 #C0EEF1 #AFC8EA #BAD5F9 #C4C0F1 #C7C5F2

Triadic Palette

#A4BBDB #BAD5F9 #FDB5D3 #FDBED8 #D3FDB5 #BADF9F

Split Complementary Palette

#A7C0E0 #BAD5F9 #F9BDB9 #FAC4C0 #F5F9B9 #DDE0A7

Square Palette

#9CB3D1 #BAD5F9 #F5BCF1 #F5DDBC #B9F9BD #C4FAC8

Tetradic Palette

#99AFCC #BAD5F9 #DEB3FF #F9DDB9 #D2FFB3 #DAFFC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD5F9 contains 186 red, 213 green, and 249 blue.

Contrast Ratio: 1.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.12:1