#5CA2AF Color

Color Information

HEX	#5CA2AF
RGB	92, 162, 175
HSL	189° , 34% , 52%
HSV	189° , 47% , 69%
CMYK	47%, 7%, 0%, 31%

Lighter Shades

#70ADB9 #83B8C2 #97C3CC #AACFD5 #BEDADF #D1E5E9

Darker Shades

#518F9A #467B85 #3B6870 #30545B #254146 #1A2D31

Complementary Palette

#4F8B97 #5CA2AF #96594E #AE675B #B97C72 #73AFBA

Analogous Palette

#688D80 #72978A #5698A5 #5CA2AF #727F97 #7E8AA0

Triadic Palette

#518F9A #5CA2AF #BA4FAA #C264B4 #AABA4F #96A446

Split Complementary Palette

#53929E #5CA2AF #AE5B78 #B66B86 #AE915B #9D8352

Square Palette

#4D8893 #5CA2AF #8D67A2 #A27067 #78AE5B #8EBB75

Tetradic Palette

#4B8590 #5CA2AF #5845C4 #AE675B #B1C445 #BFCF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CA2AF contains 92 red, 162 green, and 175 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