#3A417F Color

Color Information

HEX	#3A417F
RGB	58, 65, 127
HSL	234° , 37% , 36%
HSV	234° , 54% , 50%
CMYK	54%, 49%, 0%, 50%

Lighter Shades

#52588E #696F9E #8185AD #999CBC #B0B3CC #C8CADB

Darker Shades

#333970 #2C3161 #252A51 #1E2242 #171A33 #101224

Complementary Palette

#32386D #3A417F #6C6632 #7E773A #908A56 #565C91

Analogous Palette

#465762 #4C5F6B #373D77 #3A417F #594C6B #655978

Triadic Palette

#333970 #3A417F #873139 #954A51 #398731 #32772B

Split Complementary Palette

#343B72 #3A417F #7E553A #8B664E #637E3A #597134

Square Palette

#31376B #3A417F #754361 #757043 #3A7E55 #5A9370

Tetradic Palette

#303568 #3A417F #84298E #7E773A #338E29 #58A250

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A417F contains 58 red, 65 green, and 127 blue.

Contrast Ratio: 9.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1