#2CAA6C Color

Color Information

HEX#2CAA6C
RGB44, 170, 108
HSL150° , 59% , 42%
HSV150° , 74% , 67%
CMYK74%, 0%, 36%, 33%

Lighter Shades

#45B47E #5FBE8F #78C9A1 #91D3B3 #ABDDC4 #C4E7D6

Darker Shades

#27965F #218152 #1C6D45 #175838 #12442B #0C301E

Complementary Palette

#26925D #2CAA6C #92265C #AA2C6B #B64A80 #4AB681

Analogous Palette

#3B873B #419541 #29A066 #2CAA6C #419595 #559B9B

Triadic Palette

#27965F #2CAA6C #6B21B5 #7D3CBE #B56B21 #9F5E1D

Split Complementary Palette

#289961 #2CAA6C #AA2CAA #B341B3 #AA2C2C #992828

Square Palette

#258F5B #2CAA6C #3737A0 #A0376B #AAAA2C #B8B84E

Tetradic Palette

#248B59 #2CAA6C #196BBE #AA2C6B #BE6B19 #CA8642

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2CAA6C contains 44 red, 170 green, and 108 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.17:1