#BAD4EE Color

Color Information

HEX#BAD4EE
RGB186, 212, 238
HSL210° , 60% , 83%
HSV210° , 22% , 93%
CMYK22%, 11%, 0%, 7%

Lighter Shades

#C2D9F0 #CBDEF2 #D3E3F4 #DBE9F6 #E3EEF8 #ECF3FA

Darker Shades

#A4BBD1 #8DA1B5 #778898 #616E7C #4A555F #343B43

Complementary Palette

#A0B6CD #BAD4EE #CDB6A0 #EED4BA #F0DAC4 #C4DAF0

Analogous Palette

#B6CECE #C2E5E5 #AFC7E0 #BAD4EE #C2C2E5 #CACAE8

Triadic Palette

#A4BBD1 #BAD4EE #F2B5D4 #F4BED9 #D4F2B5 #BBD59F

Split Complementary Palette

#A7BFD6 #BAD4EE #EEBABA #F0C1C1 #EEEEBA #D6D6A7

Square Palette

#9CB2C8 #BAD4EE #E9BEE9 #E9D4BE #BAEEBA #C5F1C5

Tetradic Palette

#99AEC3 #BAD4EE #D4B2F5 #EED4BA #D4F5B2 #DCF7C0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD4EE contains 186 red, 212 green, and 238 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.89:1