#5A8DAA Color

Color Information

HEX#5A8DAA
RGB90, 141, 170
HSL202° , 32% , 51%
HSV202° , 47% , 67%
CMYK47%, 17%, 0%, 33%

Lighter Shades

#6E9BB4 #82A8BE #95B6C9 #A9C4D3 #BDD1DD #D1DFE7

Darker Shades

#4F7C96 #446B81 #3A5A6D #2F4958 #243844 #192730

Complementary Palette

#4D7992 #5A8DAA #92664D #AA775A #B68A71 #719DB6

Analogous Palette

#668A85 #6F9590 #5585A0 #5A8DAA #6F7495 #7B809D

Triadic Palette

#4F7C96 #5A8DAA #B74E90 #C0639D #90B74E #7FA145

Split Complementary Palette

#517F99 #5A8DAA #AA5A65 #B36B74 #AA9F5A #998F51

Square Palette

#4C768F #5A8DAA #96679E #9E7B67 #65AA5A #7EB874

Tetradic Palette

#4A748B #5A8DAA #7144C1 #AA775A #93C144 #A6CC66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8DAA contains 90 red, 141 green, and 170 blue.

Contrast Ratio: 3.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.91:1