#5FA565 Color

Color Information

HEX#5FA565
RGB95, 165, 101
HSL125° , 28% , 51%
HSV125° , 42% , 65%
CMYK42%, 0%, 39%, 35%

Lighter Shades

#72B077 #85BB8A #99C59C #ACD0AF #BFDBC1 #D2E6D4

Darker Shades

#549159 #487D4D #3D6A41 #315635 #264228 #1B2E1C

Complementary Palette

#528E57 #5FA565 #8E5289 #A55F9F #B275AC #75B27B

Analogous Palette

#758A66 #7F956F #599B5F #5FA565 #6F9585 #7B9D90

Triadic Palette

#549159 #5FA565 #5A53B2 #6E68BB #B25A53 #9D4F49

Split Complementary Palette

#56955B #5FA565 #885FA5 #946FAE #A55F7C #955670

Square Palette

#508B55 #5FA565 #6C7E99 #996C95 #A5885F #B39B79

Tetradic Palette

#4E8753 #5FA565 #49B2BC #A55F9F #BC5249 #C8716A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA565 contains 95 red, 165 green, and 101 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.16:1