#5AABC1 Color

Color Information

HEX#5AABC1
RGB90, 171, 193
HSL193° , 45% , 55%
HSV193° , 53% , 76%
CMYK53%, 11%, 0%, 24%

Lighter Shades

#6EB5C8 #82BFD0 #95C9D7 #A9D3DF #BDDDE6 #D1E7EE

Darker Shades

#4F96AA #448293 #3A6D7C #2F5964 #24444D #193036

Complementary Palette

#4D93A6 #5AABC1 #A55F4D #C06F59 #C98370 #71B7CA

Analogous Palette

#6C998C #70A999 #55A1B5 #5AABC1 #7080A9 #7C8BB1

Triadic Palette

#4F96AA #5AABC1 #CB4DB0 #D162B9 #B0CB4D #9BB344

Split Complementary Palette

#519AAE #5AABC1 #C05976 #C66A84 #C0A359 #AD9350

Square Palette

#4C90A2 #5AABC1 #9E64B4 #B47564 #76C059 #8CCA74

Tetradic Palette

#4A8C9E #5AABC1 #6344D5 #C06F59 #B5D544 #C2DD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AABC1 contains 90 red, 171 green, and 193 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.15:1