#5FA589 Color

Color Information

HEX#5FA589
RGB95, 165, 137
HSL156° , 28% , 51%
HSV156° , 42% , 65%
CMYK42%, 0%, 17%, 35%

Lighter Shades

#72B097 #85BBA5 #99C5B3 #ACD0C2 #BFDBD0 #D2E6DE

Darker Shades

#549179 #487D68 #3D6A58 #315647 #264237 #1B2E26

Complementary Palette

#528E76 #5FA589 #8E526A #A55F7B #B2758D #75B29A

Analogous Palette

#668A69 #6F9573 #599B81 #5FA589 #6F9195 #7B9A9D

Triadic Palette

#549179 #5FA589 #8C53B2 #9A68BB #B28C53 #9D7B49

Split Complementary Palette

#56957B #5FA589 #A55F9E #AE6FA8 #A5665F #955C56

Square Palette

#508B73 #5FA589 #706C99 #996C7E #9EA55F #AEB379

Tetradic Palette

#4E8770 #5FA589 #4977BC #A55F7B #BC8E49 #C8A26A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA589 contains 95 red, 165 green, and 137 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.34:1