#424A5C Color

Color Information

HEX	#424A5C
RGB	66, 74, 92
HSL	222° , 16% , 31%
HSV	222° , 28% , 36%
CMYK	28%, 20%, 0%, 64%

Lighter Shades

#596070 #6F7583 #868B97 #9DA1AA #B3B7BE #CACCD1

Darker Shades

#3A4151 #323846 #2A2F3B #222630 #1A1E25 #12151A

Complementary Palette

#39404F #424A5C #4F4839 #5C5442 #736C5C #5C6373

Analogous Palette

#3F5055 #43565B #3E4656 #424A5C #48435B #544E6A

Triadic Palette

#3A4151 #424A5C #643A47 #77525D #47643A #3E5833

Split Complementary Palette

#3B4353 #424A5C #5C4742 #6C5955 #575C42 #4E533B

Square Palette

#373E4D #424A5C #5B4356 #5B5443 #425C47 #607664

Tetradic Palette

#363D4B #424A5C #5A346A #5C5442 #446A34 #668559

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #424A5C contains 66 red, 74 green, and 92 blue.

Contrast Ratio: 9.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1