#BAD3CF Color

Color Information

HEX#BAD3CF
RGB186, 211, 207
HSL170° , 22% , 78%
HSV170° , 12% , 83%
CMYK12%, 0%, 2%, 17%

Lighter Shades

#C2D8D5 #CBDEDB #D3E3E0 #DBE8E6 #E3EDEC #ECF3F2

Darker Shades

#A4BAB6 #8DA09D #778784 #616E6C #4A5453 #343B3A

Complementary Palette

#A0B5B2 #BAD3CF #B5A1A4 #D3BBBF #D9C5C8 #C4D9D6

Analogous Palette

#ADC2B4 #BECFC4 #AFC6C3 #BAD3CF #BECACF #C4CED4

Triadic Palette

#A4BAB6 #BAD3CF #D2B6D8 #D7BFDD #D8D2B6 #BEB9A0

Split Complementary Palette

#A7BEBA #BAD3CF #D3BBCB #D7C2D0 #D3C3BB #BEB0A8

Square Palette

#9CB1AE #BAD3CF #C4BECF #CFBEC1 #CBD3BB #D3DAC6

Tetradic Palette

#99ADAA #BAD3CF #B1B8DD #D3BBBF #DDD5B1 #E3DDBF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD3CF contains 186 red, 211 green, and 207 blue.

Contrast Ratio: 1.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.47:1