#5A9BBA Color

Color Information

HEX#5A9BBA
RGB90, 155, 186
HSL199° , 41% , 54%
HSV199° , 52% , 73%
CMYK52%, 17%, 0%, 27%

Lighter Shades

#6EA7C2 #82B3CB #95BFD3 #A9CBDB #BDD7E3 #D1E3EC

Darker Shades

#4F88A4 #44768D #3A6377 #2F5161 #243E4A #192B34

Complementary Palette

#4D85A0 #5A9BBA #A0674D #BA785A #C48B71 #71A9C4

Analogous Palette

#6C938C #71A299 #5592AF #5A9BBA #717AA2 #7D86AA

Triadic Palette

#4F88A4 #5A9BBA #C64EA0 #CD63AB #A0C64E #8DAE45

Split Complementary Palette

#518CA7 #5A9BBA #BA5A6B #C16B7A #BAA85A #A79751

Square Palette

#4C829C #5A9BBA #A165AE #AE7C65 #6BBA5A #83C574

Tetradic Palette

#4A7F99 #5A9BBA #7044CF #BA785A #A3CF44 #B4D866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A9BBA contains 90 red, 155 green, and 186 blue.

Contrast Ratio: 3.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.94:1