#BAD2CE Color

Color Information

HEX#BAD2CE
RGB186, 210, 206
HSL170° , 21% , 78%
HSV170° , 11% , 82%
CMYK11%, 0%, 2%, 18%

Lighter Shades

#C2D7D4 #CBDDDA #D3E2E0 #DBE8E6 #E3EDEB #ECF2F1

Darker Shades

#A4B9B5 #8DA09D #778684 #616D6B #4A5452 #343B3A

Complementary Palette

#A0B5B1 #BAD2CE #B5A1A4 #D3BBBF #D9C5C8 #C4D8D5

Analogous Palette

#ADC2B4 #BECFC4 #AFC5C2 #BAD2CE #BECACF #C4CED4

Triadic Palette

#A4B9B5 #BAD2CE #D2B6D8 #D7BFDD #D8D2B6 #BEB9A0

Split Complementary Palette

#A7BDB9 #BAD2CE #D3BBCB #D7C2D0 #D3C3BB #BEB0A8

Square Palette

#9CB0AD #BAD2CE #C4BECF #CFBEC1 #CBD3BB #D3DAC6

Tetradic Palette

#99ACA9 #BAD2CE #B1B8DD #D3BBBF #DDD5B1 #E3DDBF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD2CE contains 186 red, 210 green, and 206 blue.

Contrast Ratio: 1.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.36:1