#5AA3B2 Color

Color Information

HEX#5AA3B2
RGB90, 163, 178
HSL190° , 36% , 53%
HSV190° , 49% , 70%
CMYK49%, 8%, 0%, 30%

Lighter Shades

#6EAEBB #82B9C4 #95C4CE #A9CFD7 #BDDAE0 #D1E5E9

Darker Shades

#4F8F9D #447C87 #3A6872 #2F555D #244147 #192E32

Complementary Palette

#4D8C99 #5AA3B2 #995B4F #B26A5C #BD7F73 #71B0BD

Analogous Palette

#6A9083 #749A8E #5599A7 #5AA3B2 #74819A #808CA3

Triadic Palette

#4F8F9D #5AA3B2 #BE50AC #C665B6 #ACBE50 #97A746

Split Complementary Palette

#5193A0 #5AA3B2 #B25C79 #BA6C86 #B2965C #A08753

Square Palette

#4C8996 #5AA3B2 #9268A6 #A67268 #79B25C #8EBE76

Tetradic Palette

#4A8692 #5AA3B2 #5C46C8 #B26A5C #B2C846 #C0D267

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA3B2 contains 90 red, 163 green, and 178 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.43:1