#BAD5BD Color

Color Information

HEX#BAD5BD
RGB186, 213, 189
HSL127° , 24% , 78%
HSV127° , 13% , 84%
CMYK13%, 0%, 11%, 16%

Lighter Shades

#C2DAC5 #CBDFCD #D3E4D5 #DBE9DD #E3EEE5 #ECF3ED

Darker Shades

#A4BBA6 #8DA290 #778879 #616F62 #4A554C #343C35

Complementary Palette

#A0B7A3 #BAD5BD #B69FB4 #D4B9D1 #DAC3D7 #C4DBC6

Analogous Palette

#B5C2AD #C5CFBE #AFC8B2 #BAD5BD #BECFC9 #C4D4CE

Triadic Palette

#A4BBA6 #BAD5BD #BAB4DA #C2BDDE #DABAB4 #C0A49E

Split Complementary Palette

#A7C0AA #BAD5BD #CAB9D4 #CFC0D8 #D4B9C4 #BFA7B0

Square Palette

#9CB39F #BAD5BD #BEC5CF #CFBECD #D4CAB9 #DBD2C4

Tetradic Palette

#99AF9B #BAD5BD #AFD9DE #D4B9D1 #DEB6AF #E4C3BD

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD5BD contains 186 red, 213 green, and 189 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.5:1