#5AAE86 Color

Color Information

HEX	#5AAE86
RGB	90, 174, 134
HSL	151° , 34% , 52%
HSV	151° , 48% , 68%
CMYK	48%, 0%, 23%, 32%

Lighter Shades

#6EB895 #82C1A3 #95CBB2 #A9D5C0 #BDDFCF #D1E8DD

Darker Shades

#4F9976 #448466 #3A6F56 #2F5A46 #244636 #193126

Complementary Palette

#4D9673 #5AAE86 #964E71 #AE5B83 #B97294 #71B997

Analogous Palette

#688D69 #729773 #55A47E #5AAE86 #729697 #7EA0A0

Triadic Palette

#4F9976 #5AAE86 #864FBA #9564C2 #BA864F #A47646

Split Complementary Palette

#519D79 #5AAE86 #AE5BAD #B66BB5 #AE5C5B #9D5352

Square Palette

#4C9271 #5AAE86 #6867A2 #A26784 #ADAE5B #BABB75

Tetradic Palette

#4A8F6E #5AAE86 #4582C4 #AE5B83 #C48745 #CF9D66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAE86 contains 90 red, 174 green, and 134 blue.

Contrast Ratio: 2.64:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.95:1