#2AAA59 Color

Color Information

HEX	#2AAA59
RGB	42, 170, 89
HSL	142° , 60% , 42%
HSV	142° , 75% , 67%
CMYK	75%, 0%, 48%, 33%

Lighter Shades

#44B46D #5DBE81 #77C995 #90D3A9 #AADDBD #C3E7D1

Darker Shades

#25964E #208144 #1B6D39 #16582E #114424 #0C3019

Complementary Palette

#24924D #2AAA59 #93256B #AB2B7C #B7498E #48B670

Analogous Palette

#478A3D #4C9640 #27A054 #2AAA59 #40968B #549C92

Triadic Palette

#25964E #2AAA59 #5720B6 #6B3BBF #B65720 #A04D1C

Split Complementary Palette

#269950 #2AAA59 #9A2BAB #A440B3 #AB2B3C #9A2736

Square Palette

#238F4B #2AAA59 #3644A1 #A13679 #AB9A2B #B8AA4D

Tetradic Palette

#228B49 #2AAA59 #1881BF #AB2B7C #BF5518 #CB7442

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AAA59 contains 42 red, 170 green, and 89 blue.

Contrast Ratio: 2.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.09:1