#5A9E48 Color

Color Information

HEX#5A9E48
RGB90, 158, 72
HSL107° , 37% , 45%
HSV107° , 54% , 62%
CMYK43%, 0%, 54%, 38%

Lighter Shades

#6EAA5E #82B574 #95C18A #A9CDA0 #BDD8B6 #D1E4CC

Darker Shades

#4F8B3F #447837 #3A652E #2F5225 #243F1D #192C14

Complementary Palette

#4D883E #5A9E48 #783E87 #8B489D #9B62AB #71AC62

Analogous Palette

#707A57 #7B865F #559544 #5A9E48 #5F866A #6A9075

Triadic Palette

#4F8B3F #5A9E48 #3D54A9 #5469B3 #A93D54 #95364A

Split Complementary Palette

#518E41 #5A9E48 #60489D #705AA7 #9D4885 #8D4178

Square Palette

#4C853C #5A9E48 #548092 #845492 #9D6048 #AD7965

Tetradic Palette

#4A823B #5A9E48 #34B297 #8B489D #B2344F #C0596F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A9E48 contains 90 red, 158 green, and 72 blue.

Contrast Ratio: 3.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.51:1