#5A9096 Color

Color Information

HEX	#5A9096
RGB	90, 144, 150
HSL	186° , 25% , 47%
HSV	186° , 40% , 59%
CMYK	40%, 4%, 0%, 41%

Lighter Shades

#6E9DA3 #82ABAF #95B8BC #A9C5C8 #BDD3D5 #D1E0E2

Darker Shades

#4F7F84 #446D72 #3A5C60 #2F4B4E #243A3C #19282A

Complementary Palette

#4D7C81 #5A9096 #81534D #96605A #A57671 #71A0A5

Analogous Palette

#5D7E71 #668A7B #55878D #5A9096 #66748A #6F7E95

Triadic Palette

#4F7F84 #5A9096 #A24E99 #AD63A5 #99A24E #878F45

Split Complementary Palette

#518287 #5A9096 #965A72 #A16B80 #967E5A #877151

Square Palette

#4C797E #5A9096 #7B668A #8A6966 #72965A #89A774

Tetradic Palette

#4A767B #5A9096 #4F44AB #96605A #A1AB44 #B2BA66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A9096 contains 90 red, 144 green, and 150 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.95:1