#4A5F98 Color

Color Information

HEX#4A5F98
RGB74, 95, 152
HSL224° , 35% , 44%
HSV224° , 51% , 60%
CMYK51%, 38%, 0%, 40%

Lighter Shades

#6072A4 #7585B1 #8B99BD #A1ACC9 #B7BFD6 #CCD2E2

Darker Shades

#415486 #384874 #2F3D61 #26314F #1E263D #151B2B

Complementary Palette

#405283 #4A5F98 #82713F #978349 #A69462 #6375A6

Analogous Palette

#576E75 #5F7981 #46598F #4A5F98 #675F81 #71688D

Triadic Palette

#415486 #4A5F98 #A33E59 #AE556D #59A33E #4E8F37

Split Complementary Palette

#435689 #4A5F98 #975B49 #A16B5B #859749 #788842

Square Palette

#3E5080 #4A5F98 #8C547F #8C7E54 #49975B #66A875

Tetradic Palette

#3D4E7D #4A5F98 #8E35AC #978349 #54AC35 #73BB59

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #4A5F98 contains 74 red, 95 green, and 152 blue.

Contrast Ratio: 6.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1