#5AAC9D Color

Color Information

HEX	#5AAC9D
RGB	90, 172, 157
HSL	169° , 33% , 51%
HSV	169° , 48% , 67%
CMYK	48%, 0%, 9%, 33%

Lighter Shades

#6EB6A9 #82C0B5 #95CAC0 #A9D4CC #BDDED8 #D1E8E4

Darker Shades

#4F978A #448377 #3A6E64 #2F5952 #24453F #19302C

Complementary Palette

#4D9487 #5AAC9D #934D59 #AB5968 #B7707D #71B8AB

Analogous Palette

#668A71 #6F957B #55A294 #5AAC9D #6F8995 #7B939D

Triadic Palette

#4F978A #5AAC9D #A44CB8 #AF61C1 #B8A44C #A29043

Split Complementary Palette

#519B8D #5AAC9D #AB5991 #B36A9C #AB7359 #9A6850

Square Palette

#4C9084 #5AAC9D #78659F #9F6570 #91AB59 #A3B874

Tetradic Palette

#4A8D81 #5AAC9D #425AC2 #AB5968 #C2AA42 #CDB964

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAC9D contains 90 red, 172 green, and 157 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.94:1