#2EA564 Color

Color Information

HEX#2EA564
RGB46, 165, 100
HSL147° , 56% , 41%
HSV147° , 72% , 65%
CMYK72%, 0%, 39%, 35%

Lighter Shades

#47B077 #60BB89 #79C59C #92D0AE #ABDBC1 #C4E6D4

Darker Shades

#289158 #237D4C #1D6A40 #185634 #124228 #0D2E1C

Complementary Palette

#288E56 #2EA564 #8C285F #A32E6E #B04B82 #4BB27A

Analogous Palette

#42843E #478E43 #2B9B5E #2EA564 #438E8A #579491

Triadic Palette

#289158 #2EA564 #6224AE #753EB8 #AE6224 #995620

Split Complementary Palette

#29955A #2EA564 #9D2EA3 #A743AC #A32E34 #93292F

Square Palette

#278B54 #2EA564 #383D99 #99386D #A39D2E #B2AD4F

Tetradic Palette

#268752 #2EA564 #1B70B6 #A32E6E #B6611B #C37D44

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2EA564 contains 46 red, 165 green, and 100 blue.

Contrast Ratio: 3.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.77:1