#5B8A6F Color

Color Information

HEX#5B8A6F
RGB91, 138, 111
HSL146° , 21% , 45%
HSV146° , 34% , 54%
CMYK34%, 0%, 20%, 46%

Lighter Shades

#6F9880 #82A692 #96B4A3 #AAC2B4 #BDD0C5 #D1DED7

Darker Shades

#507962 #456954 #3A5847 #2F483A #24372C #19271F

Complementary Palette

#4E775F #5B8A6F #784E65 #8B5B76 #9B7289 #729A83

Analogous Palette

#5D7B5B #648462 #568268 #5B8A6F #628482 #6A908E

Triadic Palette

#507962 #5B8A6F #6E4F96 #7F64A3 #966E4F #846146

Split Complementary Palette

#527C64 #5B8A6F #885B8B #946B97 #8B5B5E #7D5255

Square Palette

#4C745D #5B8A6F #626484 #846275 #8B885B #9E9B75

Tetradic Palette

#4B715B #5B8A6F #4679A0 #8B5B76 #A06D46 #B18767

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B8A6F contains 91 red, 138 green, and 111 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.38:1