#BAD4EF Color

Color Information

HEX	#BAD4EF
RGB	186, 212, 239
HSL	211° , 62% , 83%
HSV	211° , 22% , 94%
CMYK	22%, 11%, 0%, 6%

Lighter Shades

#C2D9F1 #CBDEF3 #D3E3F5 #DBE9F7 #E3EEF9 #ECF3FB

Darker Shades

#A4BBD2 #8DA1B6 #778899 #616E7C #4A5560 #343B43

Complementary Palette

#A0B6CE #BAD4EF #CEB79F #EFD5B9 #F1DBC3 #C4DAF1

Analogous Palette

#B4CFCF #C1E6E6 #AFC7E1 #BAD4EF #C2C1E6 #C9C9E9

Triadic Palette

#A4BBD2 #BAD4EF #F3B4D3 #F4BDD8 #D3F3B4 #BAD69E

Split Complementary Palette

#A7BFD7 #BAD4EF #EFBAB9 #F1C1C0 #EEEFB9 #D6D7A7

Square Palette

#9CB2C9 #BAD4EF #EBBDEA #EBD4BD #B9EFBA #C4F2C5

Tetradic Palette

#99AEC4 #BAD4EF #D5B1F7 #EFD5B9 #D2F7B1 #DAF8BF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD4EF contains 186 red, 212 green, and 239 blue.

Contrast Ratio: 1.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.9:1