#5AAD88 Color

Color Information

HEX#5AAD88
RGB90, 173, 136
HSL153° , 34% , 52%
HSV153° , 48% , 68%
CMYK48%, 0%, 21%, 32%

Lighter Shades

#6EB796 #82C1A5 #95CBB3 #A9D4C1 #BDDECF #D1E8DE

Darker Shades

#4F9878 #448367 #3A6F57 #2F5A47 #244536 #193026

Complementary Palette

#4D9575 #5AAD88 #964E6E #AE5B80 #B97292 #71B899

Analogous Palette

#688D69 #729774 #55A380 #5AAD88 #729597 #7E9FA0

Triadic Palette

#4F9878 #5AAD88 #8A4FBA #9864C2 #BA8A4F #A47946

Split Complementary Palette

#519C7A #5AAD88 #AE5BAA #B66BB3 #AE5F5B #9D5652

Square Palette

#4C9172 #5AAD88 #6A67A2 #A26782 #AAAE5B #B8BB75

Tetradic Palette

#4A8E70 #5AAD88 #457EC4 #AE5B80 #C48B45 #CFA066

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAD88 contains 90 red, 173 green, and 136 blue.

Contrast Ratio: 2.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.88:1