#BACF96 Color

Color Information

HEX#BACF96
RGB186, 207, 150
HSL82° , 37% , 70%
HSV82° , 28% , 81%
CMYK10%, 0%, 28%, 19%

Lighter Shades

#C2D5A3 #CBDBAF #D3E0BC #DBE6C8 #E3ECD5 #ECF2E2

Darker Shades

#A4B684 #8D9D72 #778460 #616C4E #4A533C #343A2A

Complementary Palette

#A0B281 #BACF96 #9381B2 #AB96CF #B7A5D6 #C4D6A5

Analogous Palette

#B1AD95 #C0BCA5 #AFC38D #BACF96 #A9C0A5 #AFC4AB

Triadic Palette

#A4B684 #BACF96 #8FBCD6 #9CC4DB #D68FBC #BC7EA5

Split Complementary Palette

#A7BA87 #BACF96 #969ECF #A1A8D4 #C796CF #B387BA

Square Palette

#9CAE7E #BACF96 #9EC7C2 #AD9EC7 #CF969E #D7A7AE

Tetradic Palette

#99AA7B #BACF96 #88DDA7 #AB96CF #DD88BE #E39DCA

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BACF96 contains 186 red, 207 green, and 150 blue.

Contrast Ratio: 1.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.61:1