#4A5C73 Color

Color Information

HEX#4A5C73
RGB74, 92, 115
HSL214° , 22% , 37%
HSV214° , 36% , 45%
CMYK36%, 20%, 0%, 55%

Lighter Shades

#607084 #758395 #8B97A5 #A1AAB6 #B7BEC7 #CCD1D8

Darker Shades

#415165 #384657 #2F3B4A #26303C #1E252E #151A20

Complementary Palette

#404F63 #4A5C73 #635340 #73614A #877763 #637387

Analogous Palette

#4A6264 #506B6D #46566C #4A5C73 #52506D #5D5B7B

Triadic Palette

#415165 #4A5C73 #7D405A #8D576E #5A7D40 #4F6E38

Split Complementary Palette

#435368 #4A5C73 #734C4A #815E5C #70734A #656843

Square Palette

#3E4D61 #4A5C73 #6D506B #6D6050 #4A734C #678969

Tetradic Palette

#3D4B5E #4A5C73 #633984 #73614A #598439 #779A5D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4A5C73 contains 74 red, 92 green, and 115 blue.

Contrast Ratio: 6.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1