#2AAA56 Color

Color Information

HEX#2AAA56
RGB42, 170, 86
HSL141° , 60% , 42%
HSV141° , 75% , 67%
CMYK75%, 0%, 49%, 33%

Lighter Shades

#44B46A #5DBE7F #77C993 #90D3A7 #AADDBB #C3E7D0

Darker Shades

#25964C #208141 #1B6D37 #16582D #114422 #0C3018

Complementary Palette

#24924A #2AAA56 #93256C #AB2B7E #B74990 #48B66E

Analogous Palette

#488A3D #4D9640 #27A051 #2AAA56 #409689 #549C91

Triadic Palette

#25964C #2AAA56 #5520B6 #693BBF #B65520 #A04B1C

Split Complementary Palette

#26994D #2AAA56 #982BAB #A240B3 #AB2B3E #9A2738

Square Palette

#238F48 #2AAA56 #3646A1 #A1367B #AB982B #B8A84D

Tetradic Palette

#228B47 #2AAA56 #1884BF #AB2B7E #BF5218 #CB7142

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAA56 contains 42 red, 170 green, and 86 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.07:1