#5AF877 Color

Color Information

HEX#5AF877
RGB90, 248, 119
HSL131° , 92% , 66%
HSV131° , 64% , 97%
CMYK64%, 0%, 52%, 3%

Lighter Shades

#6EF987 #82FA98 #95FBA8 #A9FBB8 #BDFCC9 #D1FDD9

Darker Shades

#4FDA69 #44BC5A #3A9F4C #2F813E #246330 #194521

Complementary Palette

#4DD566 #5AF877 #D54DBC #F859DB #F970E0 #71F98A

Analogous Palette

#88D067 #91E76A #55E970 #5AF877 #6AE7BF #77E9C5

Triadic Palette

#4FDA69 #5AF877 #7152FF #8267FF #FF7152 #E06348

Split Complementary Palette

#51DF6B #5AF877 #C659F8 #CC6AF9 #F8598B #DF507D

Square Palette

#4CD064 #5AF877 #618EEF #EF61D5 #F8C659 #F9CF74

Tetradic Palette

#4ACB62 #5AF877 #52DFFF #F859DB #FF7152 #FF8B71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AF877 contains 90 red, 248 green, and 119 blue.

Contrast Ratio: 1.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.15:1