#5CA2A3 Color

Color Information

HEX	#5CA2A3
RGB	92, 162, 163
HSL	181° , 28% , 50%
HSV	181° , 44% , 64%
CMYK	44%, 1%, 0%, 36%

Lighter Shades

#70ADAE #83B8B9 #97C3C4 #AACFCF #BEDADA #D1E5E5

Darker Shades

#518F8F #467B7C #3B6868 #305455 #254141 #1A2D2E

Complementary Palette

#4F8B8C #5CA2A3 #8C504F #A35D5C #B07473 #73AFB0

Analogous Palette

#648776 #6C9380 #569899 #5CA2A3 #6C7F93 #78899B

Triadic Palette

#518F8F #5CA2A3 #B04FAE #B964B8 #AEB04F #999B46

Split Complementary Palette

#539293 #5CA2A3 #A35C7E #AC6C8B #A3815C #937453

Square Palette

#4D8889 #5CA2A3 #806996 #966969 #7EA35C #93B276

Tetradic Palette

#4B8586 #5CA2A3 #4745BA #A35D5C #B8BA45 #C5C666

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CA2A3 contains 92 red, 162 green, and 163 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.26:1