#5AC470 Color

Color Information

HEX#5AC470
RGB90, 196, 112
HSL132° , 47% , 56%
HSV132° , 54% , 77%
CMYK54%, 0%, 43%, 23%

Lighter Shades

#6ECB81 #82D292 #95D9A3 #A9E0B5 #BDE7C6 #D1EED7

Darker Shades

#4FAC63 #449555 #3A7D48 #2F663A #244E2D #19371F

Complementary Palette

#4DA960 #5AC470 #A94D96 #C45AAE #CC71B9 #71CC84

Analogous Palette

#7B9C6D #83AD71 #55B869 #5AC470 #71AD9B #7CB6A4

Triadic Palette

#4FAC63 #5AC470 #684FCF #7A64D5 #CF684F #B65C46

Split Complementary Palette

#51B065 #5AC470 #A45AC4 #AD6BCA #C45A7A #B0516E

Square Palette

#4CA55E #5AC470 #657EB8 #B865A8 #C4A45A #CDB374

Tetradic Palette

#4AA15C #5AC470 #46BBD8 #C45AAE #D86346 #DF7F67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AC470 contains 90 red, 196 green, and 112 blue.

Contrast Ratio: 2.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.68:1