#5A7EA2 Color

Color Information

HEX#5A7EA2
RGB90, 126, 162
HSL210° , 29% , 49%
HSV210° , 44% , 64%
CMYK44%, 22%, 0%, 36%

Lighter Shades

#6E8DAD #829DB8 #95ACC3 #A9BCCF #BDCBDA #D1DBE5

Darker Shades

#4F6F8F #44607B #3A5168 #2F4254 #243241 #19232D

Complementary Palette

#4D6C8B #5A7EA2 #8A6C4D #A17D59 #AE8F70 #7190AF

Analogous Palette

#628484 #6A9090 #557698 #5A7EA2 #6A6A90 #757599

Triadic Palette

#4F6F8F #5A7EA2 #AE4C7D #B8618D #7DAE4C #6E9943

Split Complementary Palette

#517192 #5A7EA2 #A15959 #AA6A6A #A1A159 #919150

Square Palette

#4C6A88 #5A7EA2 #956595 #957D65 #59A159 #74B074

Tetradic Palette

#4A6785 #5A7EA2 #7D42B8 #A17D59 #7DB842 #94C564

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7EA2 contains 90 red, 126 green, and 162 blue.

Contrast Ratio: 4.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5:1