#5AC350 Color

Color Information

HEX#5AC350
RGB90, 195, 80
HSL115° , 49% , 54%
HSV115° , 59% , 76%
CMYK54%, 0%, 59%, 24%

Lighter Shades

#6ECA65 #82D17A #95D98F #A9E0A4 #BDE7B9 #D1EECE

Darker Shades

#4FAC46 #44943D #3A7D33 #2F652A #244E20 #193716

Complementary Palette

#4DA845 #5AC350 #A045A8 #BA50C3 #C469CB #71CB69

Analogous Palette

#849C63 #8FAC68 #55B74B #5AC350 #68AC84 #75B38F

Triadic Palette

#4FAC46 #5AC350 #4450CF #5A65D5 #CF4450 #B63C46

Split Complementary Palette

#51B048 #5AC350 #8050C3 #8D62C9 #C35093 #B04884

Square Palette

#4CA443 #5AC350 #5C91B7 #B05CB7 #C38050 #CD946C

Tetradic Palette

#4AA042 #5AC350 #3BD8CB #BA50C3 #D83B48 #DF5E69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AC350 contains 90 red, 195 green, and 80 blue.

Contrast Ratio: 2.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.47:1