#5AB5CC Color

Color Information

HEX#5AB5CC
RGB90, 181, 204
HSL192° , 53% , 58%
HSV192° , 56% , 80%
CMYK56%, 11%, 0%, 20%

Lighter Shades

#6EBED2 #82C7D8 #95D0DE #A9D9E4 #BDE1EB #D1EAF1

Darker Shades

#4F9FB4 #448A9B #3A7483 #2F5E6A #244852 #193339

Complementary Palette

#4D9CAF #5AB5CC #B0624E #CD725B #D48672 #71BFD3

Analogous Palette

#6EA695 #71B7A2 #55AAC0 #5AB5CC #7186B7 #7B8EBC

Triadic Palette

#4F9FB4 #5AB5CC #D750BC #DC65C4 #BCD750 #A5BD46

Split Complementary Palette

#51A3B8 #5AB5CC #CD5B7D #D26B8A #CDAB5B #B99A52

Square Palette

#4C98AB #5AB5CC #A666C2 #C27866 #7DCD5B #92D575

Tetradic Palette

#4A94A7 #5AB5CC #6648E0 #CD725B #C2E048 #CDE669

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB5CC contains 90 red, 181 green, and 204 blue.

Contrast Ratio: 2.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.04:1