#5CAAA0 Color

Color Information

HEX	#5CAAA0
RGB	92, 170, 160
HSL	172° , 31% , 51%
HSV	172° , 46% , 67%
CMYK	46%, 0%, 6%, 33%

Lighter Shades

#70B4AB #83BEB7 #97C9C2 #AAD3CE #BEDDD9 #D1E7E4

Darker Shades

#51968D #46817A #3B6D66 #305853 #254440 #1A302D

Complementary Palette

#4F928A #5CAAA0 #914E58 #A95B66 #B5727B #73B6AD

Analogous Palette

#668A73 #6F957D #56A096 #5CAAA0 #6F8795 #7B909D

Triadic Palette

#51968D #5CAAA0 #A84FB5 #B264BE #B5A84F #9F9446

Split Complementary Palette

#539990 #5CAAA0 #A95B8C #B26B98 #A9785B #986C52

Square Palette

#4D8F86 #5CAAA0 #7B689C #9C686F #8CA95B #9EB775

Tetradic Palette

#4B8B83 #5CAAA0 #4555BF #A95B66 #BFAF45 #CBBD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CAAA0 contains 92 red, 170 green, and 160 blue.

Contrast Ratio: 2.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.83:1