#4A5980 Color

Color Information

HEX#4A5980
RGB74, 89, 128
HSL223° , 27% , 40%
HSV223° , 42% , 50%
CMYK42%, 30%, 0%, 50%

Lighter Shades

#606D8F #75819E #8B95AE #A1A9BD #B7BDCC #CCD1DB

Darker Shades

#414E71 #384461 #2F3952 #262E43 #1E2433 #151924

Complementary Palette

#404D6E #4A5980 #706240 #82724A #948663 #637092

Analogous Palette

#50666D #576F75 #465478 #4A5980 #5D5775 #6A6284

Triadic Palette

#414E71 #4A5980 #8C4056 #9A576A #568C40 #4C7B38

Split Complementary Palette

#435073 #4A5980 #82564A #8F675C #76824A #6A7543

Square Palette

#3E4B6C #4A5980 #775570 #776E55 #4A8256 #679671

Tetradic Palette

#3D4969 #4A5980 #7A3894 #82724A #529438 #71A75C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4A5980 contains 74 red, 89 green, and 128 blue.

Contrast Ratio: 6.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.01:1