#BAD4E0 Color

Color Information

HEX	#BAD4E0
RGB	186, 212, 224
HSL	199° , 38% , 80%
HSV	199° , 17% , 88%
CMYK	17%, 5%, 0%, 12%

Lighter Shades

#C2D9E4 #CBDEE7 #D3E3EB #DBE9EF #E3EEF3 #ECF3F6

Darker Shades

#A4BBC5 #8DA1AA #77888F #616E74 #4A555A #343B3F

Complementary Palette

#A0B6C1 #BAD4E0 #C0A99F #DFC5B9 #E3CDC3 #C4DAE4

Analogous Palette

#B3C7C3 #C3D5D1 #AFC7D3 #BAD4E0 #C3C7D5 #C9CCD9

Triadic Palette

#A4BBC5 #BAD4E0 #E4B4D5 #E7BDDA #D5E4B4 #BBC99E

Split Complementary Palette

#A7BFCA #BAD4E0 #DFB9C0 #E2C0C6 #DFD8B9 #C9C2A7

Square Palette

#9CB2BC #BAD4E0 #D5BEDA #DAC7BE #C0DFB9 #CAE4C4

Tetradic Palette

#99AEB8 #BAD4E0 #C2B0E8 #DFC5B9 #D6E8B0 #DDECBE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD4E0 contains 186 red, 212 green, and 224 blue.

Contrast Ratio: 1.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.74:1