#5AF22F Color

Color Information

HEX#5AF22F
RGB90, 242, 47
HSL107° , 88% , 57%
HSV107° , 81% , 95%
CMYK63%, 0%, 81%, 5%

Lighter Shades

#6EF448 #82F561 #95F77A #A9F893 #BDFAAC #D1FBC5

Darker Shades

#4FD529 #44B824 #3A9B1E #2F7E18 #246113 #19440D

Complementary Palette

#4DD028 #5AF22F #AC2AD0 #C831F2 #D04EF4 #71F44C

Analogous Palette

#A3C846 #B2DC47 #55E32C #5AF22F #47DC71 #54DE7B

Triadic Palette

#4FD529 #5AF22F #2654FD #4069FD #FD2654 #DF214A

Split Complementary Palette

#51DA2A #5AF22F #6831F2 #7746F3 #F231BB #DA2CA8

Square Palette

#4CCB27 #5AF22F #3CB6E7 #C23CE7 #F26831 #F48052

Tetradic Palette

#4AC627 #5AF22F #24FFCF #C831F2 #FF2453 #FF4B72

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AF22F contains 90 red, 242 green, and 47 blue.

Contrast Ratio: 1.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.21:1