#5AAF98 Color

Color Information

HEX	#5AAF98
RGB	90, 175, 152
HSL	164° , 35% , 52%
HSV	164° , 49% , 69%
CMYK	49%, 0%, 13%, 31%

Lighter Shades

#6EB9A4 #82C2B1 #95CCBD #A9D5C9 #BDDFD6 #D1E9E2

Darker Shades

#4F9A86 #448574 #3A7061 #2F5B4F #24463D #19312B

Complementary Palette

#4D9783 #5AAF98 #974D61 #AF5A71 #BA7185 #71BAA6

Analogous Palette

#688D71 #72977B #55A58F #5AAF98 #728E97 #7E98A0

Triadic Palette

#4F9A86 #5AAF98 #9E4EBC #AA63C4 #BC9E4E #A58B45

Split Complementary Palette

#519E89 #5AAF98 #AF5A9B #B76BA5 #AF6E5A #9E6351

Square Palette

#4C9380 #5AAF98 #7466A3 #A36676 #9BAF5A #ABBC74

Tetradic Palette

#4A907D #5AAF98 #4466C5 #AF5A71 #C5A344 #CFB466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAF98 contains 90 red, 175 green, and 152 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.14:1