#5AAA86 Color

Color Information

HEX#5AAA86
RGB90, 170, 134
HSL153° , 32% , 51%
HSV153° , 47% , 67%
CMYK47%, 0%, 21%, 33%

Lighter Shades

#6EB495 #82BEA3 #95C9B2 #A9D3C0 #BDDDCF #D1E7DD

Darker Shades

#4F9676 #448166 #3A6D56 #2F5846 #244436 #193026

Complementary Palette

#4D9273 #5AAA86 #924D6C #AA5A7E #B67190 #71B697

Analogous Palette

#668A67 #6F9571 #55A07E #5AAA86 #6F9395 #7B9C9D

Triadic Palette

#4F9676 #5AAA86 #874EB7 #9563C0 #B7874E #A17745

Split Complementary Palette

#519979 #5AAA86 #AA5AA6 #B36BAF #AA5E5A #995551

Square Palette

#4C8F71 #5AAA86 #69679E #9E677F #A6AA5A #B4B874

Tetradic Palette

#4A8B6E #5AAA86 #447CC1 #AA5A7E #C18844 #CC9D66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAA86 contains 90 red, 170 green, and 134 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.64:1