#BAD4AF Color

Color Information

HEX	#BAD4AF
RGB	186, 212, 175
HSL	102° , 30% , 76%
HSV	102° , 17% , 83%
CMYK	12%, 0%, 17%, 17%

Lighter Shades

#C2D9B9 #CBDEC2 #D3E3CC #DBE9D5 #E3EEDF #ECF3E9

Darker Shades

#A4BB9A #8DA185 #778870 #616E5B #4A5546 #343B31

Complementary Palette

#A0B697 #BAD4AF #AD97B6 #C9AFD4 #D1BADA #C4DABA

Analogous Palette

#BABEA7 #C8CBB9 #AFC7A5 #BAD4AF #B9CBBD #BECFC2

Triadic Palette

#A4BB9A #BAD4AF #A9B8DA #B3C1DE #DAA9B8 #C095A2

Split Complementary Palette

#A7BF9E #BAD4AF #B7AFD4 #BEB7D8 #D4AFCD #BF9EB9

Square Palette

#9CB293 #BAD4AF #B6CACE #C7B6CE #D4B7AF #DBC3BC

Tetradic Palette

#99AE90 #BAD4AF #A4DFCE #C9AFD4 #DFA4B6 #E5B4C3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD4AF contains 186 red, 212 green, and 175 blue.

Contrast Ratio: 1.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.28:1