#5CA2AE Color

Color Information

HEX	#5CA2AE
RGB	92, 162, 174
HSL	189° , 34% , 52%
HSV	189° , 47% , 68%
CMYK	47%, 7%, 0%, 32%

Lighter Shades

#70ADB8 #83B8C1 #97C3CB #AACFD5 #BEDADF #D1E5E8

Darker Shades

#518F99 #467B84 #3B686F #30545A #254146 #1A2D31

Complementary Palette

#4F8B96 #5CA2AE #96594E #AE675B #B97C72 #73AFB9

Analogous Palette

#688D80 #72978A #5698A4 #5CA2AE #727F97 #7E8AA0

Triadic Palette

#518F99 #5CA2AE #BA4FAA #C264B4 #AABA4F #96A446

Split Complementary Palette

#53929D #5CA2AE #AE5B78 #B66B86 #AE915B #9D8352

Square Palette

#4D8892 #5CA2AE #8D67A2 #A27067 #78AE5B #8EBB75

Tetradic Palette

#4B858F #5CA2AE #5845C4 #AE675B #B1C445 #BFCF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CA2AE contains 92 red, 162 green, and 174 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.35:1