#5AABCA Color

Color Information

HEX#5AABCA
RGB90, 171, 202
HSL197° , 51% , 57%
HSV197° , 55% , 79%
CMYK55%, 15%, 0%, 21%

Lighter Shades

#6EB5D0 #82BFD7 #95C9DD #A9D3E3 #BDDDEA #D1E7F0

Darker Shades

#4F96B2 #44829A #3A6D81 #2F5969 #244451 #193039

Complementary Palette

#4D93AE #5AABCA #AD684D #C97959 #D18C70 #71B7D1

Analogous Palette

#6AA094 #6FB3A5 #55A1BE #5AABCA #6F7EB3 #7987B9

Triadic Palette

#4F96B2 #5AABCA #D44EAE #D963B8 #AED44E #99BB45

Split Complementary Palette

#519AB6 #5AABCA #C95972 #CE6A80 #C9B159 #B59F50

Square Palette

#4C90AA #5AABCA #AB64BE #BE7E64 #72C959 #89D274

Tetradic Palette

#4A8CA6 #5AABCA #7146DD #C97959 #B2DD46 #C0E367

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AABCA contains 90 red, 171 green, and 202 blue.

Contrast Ratio: 2.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.23:1