#2AA672 Color

Color Information

HEX#2AA672
RGB42, 166, 114
HSL155° , 60% , 41%
HSV155° , 75% , 65%
CMYK75%, 0%, 31%, 35%

Lighter Shades

#44B183 #5DBB94 #77C6A5 #90D1B6 #AADBC7 #C3E6D8

Darker Shades

#259264 #207E57 #1B6A49 #16563B #11422E #0C2E20

Complementary Palette

#248F62 #2AA672 #902451 #A72A5E #B34875 #48B286

Analogous Palette

#3A8841 #3F9246 #279C6B #2AA672 #3F8B92 #539297

Triadic Palette

#259264 #2AA672 #751FB2 #863ABB #B2751F #9D671B

Split Complementary Palette

#269567 #2AA672 #A72A9D #B03FA7 #A7342A #962F26

Square Palette

#238B60 #2AA672 #3D349D #9D3460 #9DA72A #ADB54C

Tetradic Palette

#22885D #2AA672 #175BBA #A72A5E #BA7617 #C68F41

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA672 contains 42 red, 166 green, and 114 blue.

Contrast Ratio: 3.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.89:1