#5A8096 Color

Color Information

HEX#5A8096
RGB90, 128, 150
HSL202° , 25% , 47%
HSV202° , 40% , 59%
CMYK40%, 15%, 0%, 41%

Lighter Shades

#6E8FA3 #829EAF #95AEBC #A9BDC8 #BDCCD5 #D1DBE2

Darker Shades

#4F7184 #446172 #3A5260 #2F434E #24333C #19242A

Complementary Palette

#4D6E81 #5A8096 #81604D #96705A #A58471 #7192A5

Analogous Palette

#5D7E7A #668A85 #55788D #5A8096 #666B8A #6F7595

Triadic Palette

#4F7184 #5A8096 #A24E83 #AD6392 #83A24E #738F45

Split Complementary Palette

#517387 #5A8096 #965A62 #A16B72 #968E5A #878051

Square Palette

#4C6C7E #5A8096 #85668A #8A7366 #62965A #7BA774

Tetradic Palette

#4A697B #5A8096 #6A44AB #96705A #86AB44 #9CBA66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8096 contains 90 red, 128 green, and 150 blue.

Contrast Ratio: 4.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.02:1