#5A7D9F Color

Color Information

HEX#5A7D9F
RGB90, 125, 159
HSL210° , 28% , 49%
HSV210° , 43% , 62%
CMYK43%, 21%, 0%, 38%

Lighter Shades

#6E8DAB #829CB6 #95ACC2 #A9BBCD #BDCBD9 #D1DBE4

Darker Shades

#4F6E8C #445F79 #3A5066 #2F4153 #243240 #19232D

Complementary Palette

#4D6C89 #5A7D9F #8A6C4D #A07D5A #AD8F71 #718FAC

Analogous Palette

#628484 #6A9090 #557695 #5A7D9F #6A6A90 #757599

Triadic Palette

#4F6E8C #5A7D9F #AC4D7D #B6628D #7DAC4D #6E9744

Split Complementary Palette

#51718F #5A7D9F #A05A5A #AA6B6B #A0A05A #909051

Square Palette

#4C6986 #5A7D9F #936693 #937D66 #5AA05A #74AF74

Tetradic Palette

#4A6782 #5A7D9F #7D43B6 #A07D5A #7DB643 #94C365

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7D9F contains 90 red, 125 green, and 159 blue.

Contrast Ratio: 4.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.92:1