#2AA315 Color

Color Information

HEX	#2AA315
RGB	42, 163, 21
HSL	111° , 77% , 36%
HSV	111° , 87% , 64%
CMYK	74%, 0%, 87%, 36%

Lighter Shades

#44AE31 #5DB94D #77C469 #90CF85 #AADAA1 #C3E5BD

Darker Shades

#258F12 #207C10 #1B680D #16550B #114108 #0C2E06

Complementary Palette

#248C12 #2AA315 #79128B #8D15A2 #9D36AF #48B036

Analogous Palette

#638424 #6B9027 #279914 #2AA315 #27904C #3D945B

Triadic Palette

#258F12 #2AA315 #0C24AC #293EB6 #AC0C24 #970B20

Split Complementary Palette

#269313 #2AA315 #4715A2 #592CAB #A21571 #921366

Square Palette

#238912 #2AA315 #1E6E99 #871E99 #A24715 #B1643A

Tetradic Palette

#228611 #2AA315 #05B399 #8D15A2 #B3051F #C13247

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2AA315 contains 42 red, 163 green, and 21 blue.

Contrast Ratio: 3.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.43:1