#5A81A9 Color

Color Information

HEX	#5A81A9
RGB	90, 129, 169
HSL	210° , 31% , 51%
HSV	210° , 47% , 66%
CMYK	47%, 24%, 0%, 34%

Lighter Shades

#6E90B3 #829FBE #95AEC8 #A9BDD2 #BDCDDD #D1DCE7

Darker Shades

#4F7295 #446280 #3A536C #2F4358 #243444 #19242F

Complementary Palette

#4D6F91 #5A81A9 #91704E #A9825B #B59472 #7193B5

Analogous Palette

#668A8A #6F9595 #55799F #5A81A9 #6F6F95 #7B7B9D

Triadic Palette

#4F7295 #5A81A9 #B54F82 #BE6491 #82B54F #729F46

Split Complementary Palette

#517498 #5A81A9 #A95B5B #B26B6B #A9A95B #989852

Square Palette

#4C6C8E #5A81A9 #9C689C #9C8268 #5BA95B #75B775

Tetradic Palette

#4A6A8B #5A81A9 #8245BF #A9825B #82BF45 #99CB66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A81A9 contains 90 red, 129 green, and 169 blue.

Contrast Ratio: 4.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.21:1