#BAD4CF Color

Color Information

HEX#BAD4CF
RGB186, 212, 207
HSL168° , 23% , 78%
HSV168° , 12% , 83%
CMYK12%, 0%, 2%, 17%

Lighter Shades

#C2D9D5 #CBDEDB #D3E3E0 #DBE9E6 #E3EEEC #ECF3F2

Darker Shades

#A4BBB6 #8DA19D #778884 #616E6C #4A5553 #343B3A

Complementary Palette

#A0B6B2 #BAD4CF #B6A0A4 #D4BABF #DAC4C8 #C4DAD6

Analogous Palette

#ADC2B3 #BECFC4 #AFC7C3 #BAD4CF #BECACF #C4CFD4

Triadic Palette

#A4BBB6 #BAD4CF #D2B4D9 #D7BDDE #D9D2B4 #BFB99E

Split Complementary Palette

#A7BFBA #BAD4CF #D4BACC #D8C1D1 #D4C2BA #BFAFA7

Square Palette

#9CB2AE #BAD4CF #C4BECF #CFBEC2 #CCD4BA #D4DBC5

Tetradic Palette

#99AEAA #BAD4CF #B0B9DE #D4BABF #DED5B0 #E4DDBE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD4CF contains 186 red, 212 green, and 207 blue.

Contrast Ratio: 1.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.56:1