#5AA4BD Color

Color Information

HEX#5AA4BD
RGB90, 164, 189
HSL195° , 43% , 55%
HSV195° , 52% , 74%
CMYK52%, 13%, 0%, 26%

Lighter Shades

#6EAFC5 #82BACD #95C5D5 #A9D0DD #BDDBE5 #D1E6ED

Darker Shades

#4F90A6 #447D90 #3A6979 #2F5562 #24424C #192E35

Complementary Palette

#4D8DA3 #5AA4BD #A3644E #BE745B #C78772 #71B1C6

Analogous Palette

#6E968C #72A799 #559AB2 #5AA4BD #727FA7 #7E8AAE

Triadic Palette

#4F90A6 #5AA4BD #C94FAB #CF64B5 #ABC94F #96B146

Split Complementary Palette

#5194AA #5AA4BD #BE5B74 #C56B82 #BEA55B #AB9552

Square Palette

#4C8A9F #5AA4BD #9F66B2 #B27966 #74BE5B #8AC875

Tetradic Palette

#4A869B #5AA4BD #6946D2 #BE745B #AFD246 #BDDA67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA4BD contains 90 red, 164 green, and 189 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.59:1