#BAD4BE Color

Color Information

HEX#BAD4BE
RGB186, 212, 190
HSL129° , 23% , 78%
HSV129° , 12% , 83%
CMYK12%, 0%, 10%, 17%

Lighter Shades

#C2D9C6 #CBDECE #D3E3D5 #DBE9DD #E3EEE5 #ECF3ED

Darker Shades

#A4BBA7 #8DA190 #77887A #616E63 #4A554C #343B35

Complementary Palette

#A0B6A3 #BAD4BE #B6A0B3 #D4BAD0 #DAC4D7 #C4DAC7

Analogous Palette

#B4C2AD #C4CFBE #AFC7B3 #BAD4BE #BECFC9 #C4D4CE

Triadic Palette

#A4BBA7 #BAD4BE #BAB4D9 #C2BDDE #D9BAB4 #BFA49E

Split Complementary Palette

#A7BFAB #BAD4BE #CBBAD4 #D0C1D8 #D4BAC3 #BFA7B0

Square Palette

#9CB2A0 #BAD4BE #BEC4CF #CFBECD #D4CBBA #DBD3C5

Tetradic Palette

#99AE9C #BAD4BE #B0D7DE #D4BAD0 #DEB7B0 #E4C4BE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD4BE contains 186 red, 212 green, and 190 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.41:1