#5FAA70 Color

Color Information

HEX#5FAA70
RGB95, 170, 112
HSL134° , 31% , 52%
HSV134° , 44% , 67%
CMYK44%, 0%, 34%, 33%

Lighter Shades

#72B481 #85BE92 #99C9A3 #ACD3B5 #BFDDC6 #D2E7D7

Darker Shades

#549663 #488155 #3D6D48 #31583A #26442D #1B301F

Complementary Palette

#529260 #5FAA70 #935284 #AB5F99 #B775A7 #75B684

Analogous Palette

#728D68 #7C9772 #59A069 #5FAA70 #72978D #7EA096

Triadic Palette

#549663 #5FAA70 #6852B7 #7A67C0 #B76852 #A15C48

Split Complementary Palette

#569965 #5FAA70 #965FAB #A16FB3 #AB5F73 #9A5668

Square Palette

#508F5E #5FAA70 #6B799E #9E6B92 #AB965F #B8A779

Tetradic Palette

#4E8B5C #5FAA70 #49A5C1 #AB5F99 #C16349 #CC7F6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FAA70 contains 95 red, 170 green, and 112 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.58:1