#5CA9C4 Color

Color Information

HEX#5CA9C4
RGB92, 169, 196
HSL196° , 47% , 56%
HSV196° , 53% , 77%
CMYK53%, 14%, 0%, 23%

Lighter Shades

#70B3CB #83BED2 #97C8D9 #AAD2E0 #BEDDE7 #D1E7EE

Darker Shades

#5195AC #468095 #3B6C7D #305866 #25444E #1A2F37

Complementary Palette

#4F91A9 #5CA9C4 #A9654D #C4765A #CC8971 #73B5CC

Analogous Palette

#6D9C91 #71AD9F #569FB8 #5CA9C4 #717FAD #7C8AB6

Triadic Palette

#5195AC #5CA9C4 #CF4FAD #D564B7 #ADCF4F #98B646

Split Complementary Palette

#5398B0 #5CA9C4 #C45A73 #CA6B81 #C4AB5A #B09A51

Square Palette

#4D8EA5 #5CA9C4 #A565B8 #B87B65 #73C45A #89CD74

Tetradic Palette

#4B8BA1 #5CA9C4 #6D46D8 #C4765A #B1D846 #BFDF67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CA9C4 contains 92 red, 169 green, and 196 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.05:1