#5AA5CC Color

Color Information

HEX#5AA5CC
RGB90, 165, 204
HSL201° , 53% , 58%
HSV201° , 56% , 80%
CMYK56%, 19%, 0%, 20%

Lighter Shades

#6EB0D2 #82BBD8 #95C5DE #A9D0E4 #BDDBEB #D1E6F1

Darker Shades

#4F91B4 #447D9B #3A6A83 #2F566A #244252 #192E39

Complementary Palette

#4D8EAF #5AA5CC #B0714E #CD835B #D49472 #71B2D3

Analogous Palette

#6EA69D #71B7AD #559BC0 #5AA5CC #717BB7 #7B85BC

Triadic Palette

#4F91B4 #5AA5CC #D750A8 #DC65B2 #A8D750 #94BD46

Split Complementary Palette

#5195B8 #5AA5CC #CD5B6C #D26B7B #CDBC5B #B9A952

Square Palette

#4C8BAB #5AA5CC #B466C2 #C28666 #6CCD5B #84D575

Tetradic Palette

#4A87A7 #5AA5CC #7D48E0 #CD835B #ABE048 #BAE669

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA5CC contains 90 red, 165 green, and 204 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.8:1