#BAD685 Color

Color Information

HEX#BAD685
RGB186, 214, 133
HSL81° , 50% , 68%
HSV81° , 38% , 84%
CMYK13%, 0%, 38%, 16%

Lighter Shades

#C2DB94 #CBE0A2 #D3E5B1 #DBEAC0 #E3EFCE #ECF4DD

Darker Shades

#A4BC75 #8DA365 #778955 #616F45 #4A5635 #343C25

Complementary Palette

#A0B872 #BAD685 #8A72B8 #A185D6 #AE96DC #C4DC96

Analogous Palette

#B3AD8F #C6BF95 #AFC97D #BAD685 #9CC695 #A6CAA0

Triadic Palette

#A4BC75 #BAD685 #7CBCDE #8CC4E2 #DE7CBC #C36DA5

Split Complementary Palette

#A7C178 #BAD685 #8591D6 #919CDA #CA85D6 #B678C1

Square Palette

#9CB470 #BAD685 #8DCEC4 #A48DCE #D68591 #DD99A3

Tetradic Palette

#99AF6D #BAD685 #76E59D #A185D6 #E576BE #EA8FCA

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAD685 contains 186 red, 214 green, and 133 blue.

Contrast Ratio: 1.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.2:1