#5A8AAB Color

Color Information

HEX#5A8AAB
RGB90, 138, 171
HSL204° , 33% , 51%
HSV204° , 47% , 67%
CMYK47%, 19%, 0%, 33%

Lighter Shades

#6E98B5 #82A6BF #95B4C9 #A9C2D3 #BDD0DD #D1DEE7

Darker Shades

#4F7996 #446982 #3A586D #2F4859 #243744 #192730

Complementary Palette

#4D7793 #5A8AAB #93694D #AB7A59 #B78D70 #719AB7

Analogous Palette

#668A86 #6F9591 #5582A1 #5A8AAB #6F7395 #7B7E9D

Triadic Palette

#4F7996 #5A8AAB #B84C8D #C1619B #8DB84C #7CA243

Split Complementary Palette

#517C9A #5A8AAB #AB5961 #B36A71 #ABA359 #9A9350

Square Palette

#4C7490 #5A8AAB #99659F #9F7C65 #61AB59 #7AB874

Tetradic Palette

#4A718C #5A8AAB #7542C2 #AB7A59 #8FC242 #A3CD64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8AAB contains 90 red, 138 green, and 171 blue.

Contrast Ratio: 3.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.73:1