#5A8E81 Color

Color Information

HEX	#5A8E81
RGB	90, 142, 129
HSL	165° , 22% , 45%
HSV	165° , 37% , 56%
CMYK	37%, 0%, 9%, 44%

Lighter Shades

#6E9C90 #82A99F #95B7AE #A9C4BD #BDD2CD #D1DFDC

Darker Shades

#4F7D72 #446C62 #3A5B53 #2F4A43 #243934 #192824

Complementary Palette

#4D7A6F #5A8E81 #784D58 #8C5A66 #9C717B #719E93

Analogous Palette

#5B7B63 #62846A #558579 #5A8E81 #627B84 #6A8690

Triadic Palette

#4F7D72 #5A8E81 #844E97 #9363A3 #97844E #857445

Split Complementary Palette

#518074 #5A8E81 #8C5A7F #986B8C #8C665A #7E5C51

Square Palette

#4C776C #5A8E81 #6A6284 #84626A #7F8C5A #939E74

Tetradic Palette

#4A746A #5A8E81 #455AA1 #8C5A66 #A18845 #B29D66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8E81 contains 90 red, 142 green, and 129 blue.

Contrast Ratio: 3.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.7:1