#5A8C66 Color

Color Information

HEX#5A8C66
RGB90, 140, 102
HSL134° , 22% , 45%
HSV134° , 36% , 55%
CMYK36%, 0%, 27%, 45%

Lighter Shades

#6E9A78 #82A88B #95B59D #A9C3AF #BDD1C2 #D1DFD4

Darker Shades

#4F7B5A #446A4E #3A5A41 #2F4935 #243829 #19271D

Complementary Palette

#4D7858 #5A8C66 #784D6E #8C5A80 #9C7192 #719C7B

Analogous Palette

#647B5B #6B8462 #558460 #5A8C66 #62847B #6A9086

Triadic Palette

#4F7B5A #5A8C66 #5E4E97 #7163A3 #975E4E #855345

Split Complementary Palette

#517E5C #5A8C66 #7F5A8C #8C6B98 #8C5A67 #7E515D

Square Palette

#4C7656 #5A8C66 #626B84 #84627C #8C7F5A #9E9374

Tetradic Palette

#4A7354 #5A8C66 #458BA1 #8C5A80 #A15945 #B27766

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8C66 contains 90 red, 140 green, and 102 blue.

Contrast Ratio: 3.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.45:1