#5AB6A2 Color

Color Information

HEX	#5AB6A2
RGB	90, 182, 162
HSL	167° , 39% , 53%
HSV	167° , 51% , 71%
CMYK	51%, 0%, 11%, 29%

Lighter Shades

#6EBFAD #82C8B8 #95D0C3 #A9D9CF #BDE2DA #D1EBE5

Darker Shades

#4FA08F #448A7B #3A7468 #2F5F54 #244941 #19332D

Complementary Palette

#4D9D8B #5AB6A2 #9D4C5E #B6586D #C06F81 #71C0AF

Analogous Palette

#6A9075 #709E7D #55AB98 #5AB6A2 #70919E #7D9AA6

Triadic Palette

#4FA08F #5AB6A2 #A84CC2 #B261C9 #C2A84C #AB9443

Split Complementary Palette

#51A492 #5AB6A2 #B6589B #BD69A5 #B67358 #A4684F

Square Palette

#4C9988 #5AB6A2 #7864AA #AA6473 #9BB658 #ABC273

Tetradic Palette

#4A9585 #5AB6A2 #4360CB #B6586D #CBAE43 #D4BD65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB6A2 contains 90 red, 182 green, and 162 blue.

Contrast Ratio: 2.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.77:1