#5A7291 Color

Color Information

HEX#5A7291
RGB90, 114, 145
HSL214° , 23% , 46%
HSV214° , 38% , 57%
CMYK38%, 21%, 0%, 43%

Lighter Shades

#6E839E #8294AB #95A5B9 #A9B6C6 #BDC7D3 #D1D8E0

Darker Shades

#4F6480 #44576E #3A495D #2F3B4B #242E3A #192029

Complementary Palette

#4D627D #5A7291 #7C684D #90795A #A08C71 #7186A0

Analogous Palette

#5B7A7B #648587 #556B88 #5A7291 #666487 #706C93

Triadic Palette

#4F6480 #5A7291 #9C4F71 #A86482 #719C4F #638946

Split Complementary Palette

#516783 #5A7291 #905E5A #9B6E6B #8D905A #7F8251

Square Palette

#4C607A #5A7291 #876485 #877864 #5A905E #74A278

Tetradic Palette

#4A5D77 #5A7291 #7C45A5 #90795A #70A545 #8AB566

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A7291 contains 90 red, 114 green, and 145 blue.

Contrast Ratio: 4.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.28:1