#2EA568 Color

Color Information

HEX#2EA568
RGB46, 165, 104
HSL149° , 56% , 41%
HSV149° , 72% , 65%
CMYK72%, 0%, 37%, 35%

Lighter Shades

#47B07A #60BB8C #79C59E #92D0B0 #ABDBC3 #C4E6D5

Darker Shades

#28915C #237D4F #1D6A43 #185636 #12422A #0D2E1D

Complementary Palette

#288E59 #2EA568 #8C285C #A32E6B #B04B80 #4BB27D

Analogous Palette

#3F843E #448E43 #2B9B62 #2EA568 #438E8D #579493

Triadic Palette

#28915C #2EA568 #6624AE #783EB8 #AE6624 #995A20

Split Complementary Palette

#29955E #2EA568 #A12EA3 #AA43AC #A32E30 #93292B

Square Palette

#278B57 #2EA568 #383A99 #99386A #A3A12E #B2B04F

Tetradic Palette

#268755 #2EA568 #1B6BB6 #A32E6B #B6661B #C38244

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA568 contains 46 red, 165 green, and 104 blue.

Contrast Ratio: 3.09:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.79:1