#BAD0CC Color

Color Information

HEX#BAD0CC
RGB186, 208, 204
HSL169° , 19% , 77%
HSV169° , 11% , 82%
CMYK11%, 0%, 2%, 18%

Lighter Shades

#C2D6D2 #CBDBD8 #D3E1DE #DBE7E4 #E3ECEB #ECF2F1

Darker Shades

#A4B7B4 #8D9E9B #778583 #616C6A #4A5352 #343A39

Complementary Palette

#A0B3AF #BAD0CC #B29FA3 #CFB9BD #D6C3C6 #C4D7D3

Analogous Palette

#AAC0B2 #BCCDC1 #AFC4C0 #BAD0CC #BCC8CD #C1CCD1

Triadic Palette

#A4B7B4 #BAD0CC #CFB3D5 #D5BCDA #D5CFB3 #BBB69E

Split Complementary Palette

#A7BBB8 #BAD0CC #CFB9C8 #D4C0CE #CFC0B9 #BAADA7

Square Palette

#9CAFAB #BAD0CC #C1BCCD #CDBCBF #C8CFB9 #D1D7C4

Tetradic Palette

#99ABA7 #BAD0CC #AFB7DA #CFB9BD #DAD2AF #E1DABD

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD0CC contains 186 red, 208 green, and 204 blue.

Contrast Ratio: 1.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.14:1