#2AAA50 Color

Color Information

HEX#2AAA50
RGB42, 170, 80
HSL138° , 60% , 42%
HSV138° , 75% , 67%
CMYK75%, 0%, 53%, 33%

Lighter Shades

#44B465 #5DBE7A #77C98F #90D3A4 #AADDB9 #C3E7CE

Darker Shades

#259646 #20813D #1B6D33 #16582A #114420 #0C3016

Complementary Palette

#249245 #2AAA50 #932572 #AB2B85 #B74996 #48B669

Analogous Palette

#4C8A3D #519640 #27A04B #2AAA50 #409685 #549C8D

Triadic Palette

#259646 #2AAA50 #4D20B6 #623BBF #B64D20 #A0441C

Split Complementary Palette

#269948 #2AAA50 #922BAB #9D40B3 #AB2B45 #9A273E

Square Palette

#238F43 #2AAA50 #364BA1 #A13681 #AB922B #B8A34D

Tetradic Palette

#228B42 #2AAA50 #188DBF #AB2B85 #BF4A18 #CB6B42

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAA50 contains 42 red, 170 green, and 80 blue.

Contrast Ratio: 2.98:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.06:1