#5CAA9C Color

Color Information

HEX#5CAA9C
RGB92, 170, 156
HSL169° , 31% , 51%
HSV169° , 46% , 67%
CMYK46%, 0%, 8%, 33%

Lighter Shades

#70B4A8 #83BEB4 #97C9C0 #AAD3CC #BEDDD7 #D1E7E3

Darker Shades

#519689 #468177 #3B6D64 #305851 #25443E #1A302C

Complementary Palette

#4F9286 #5CAA9C #914E5B #A95B6A #B5727F #73B6AA

Analogous Palette

#668A71 #6F957B #56A093 #5CAA9C #6F8995 #7B939D

Triadic Palette

#519689 #5CAA9C #A24FB5 #AD64BE #B5A24F #9F8F46

Split Complementary Palette

#53998C #5CAA9C #A95B90 #B26B9B #A9745B #986852

Square Palette

#4D8F83 #5CAA9C #78689C #9C6872 #90A95B #A2B775

Tetradic Palette

#4B8B80 #5CAA9C #455DBF #A95B6A #BFA945 #CBB866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CAA9C contains 92 red, 170 green, and 156 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.8:1