#5CABCC Color

Color Information

HEX#5CABCC
RGB92, 171, 204
HSL198° , 52% , 58%
HSV198° , 55% , 80%
CMYK55%, 16%, 0%, 20%

Lighter Shades

#70B5D2 #83BFD8 #97C9DE #AAD3E4 #BEDDEB #D1E7F1

Darker Shades

#5196B4 #46829B #3B6D83 #30596A #254452 #1A3039

Complementary Palette

#4F93AF #5CABCC #AF6C4F #CC7E5C #D39073 #73B7D3

Analogous Palette

#6FA59A #72B6A8 #56A1C0 #5CABCC #727FB6 #7C88BB

Triadic Palette

#5196B4 #5CABCC #D651AE #DB66B8 #AED651 #99BC47

Split Complementary Palette

#539AB8 #5CABCC #CC5C72 #D16C80 #CCB55C #B8A353

Square Palette

#4D90AB #5CABCC #AF67C1 #C18267 #72CC5C #89D476

Tetradic Palette

#4B8CA7 #5CABCC #7649DF #CC7E5C #B2DF49 #C0E56A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CABCC contains 92 red, 171 green, and 204 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.27:1