#96C186 Color

Color Information

HEX	#96C186
RGB	150, 193, 134
HSL	104° , 32% , 64%
HSV	104° , 31% , 76%
CMYK	22%, 0%, 31%, 24%

Lighter Shades

#A3C895 #AFD0A3 #BCD7B2 #C8DFC0 #D5E6CF #E2EEDD

Darker Shades

#84AA76 #729366 #607C56 #4E6446 #3C4D36 #2A3626

Complementary Palette

#81A673 #96C186 #9873A6 #B186C1 #BC97CA #A5CA97

Analogous Palette

#9FA687 #ABB195 #8DB57E #96C186 #95B19C #9EB7A4

Triadic Palette

#84AA76 #96C186 #7D90CA #8D9DD0 #CA7D90 #B26E7F

Split Complementary Palette

#87AE79 #96C186 #9486C1 #9F92C7 #C186B3 #AE79A1

Square Palette

#7EA271 #96C186 #8FAEB7 #AD8FB7 #C19486 #CBA599

Tetradic Palette

#7B9E6E #96C186 #75D1B9 #B186C1 #D1758C #D98EA1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #96C186 contains 150 red, 193 green, and 134 blue.

Contrast Ratio: 2.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.42:1