#3A5E97 Color

Color Information

HEX	#3A5E97
RGB	58, 94, 151
HSL	217° , 44% , 41%
HSV	217° , 62% , 59%
CMYK	62%, 38%, 0%, 41%

Lighter Shades

#5271A3 #6985B0 #8198BC #99ABC9 #B0BFD5 #C8D2E2

Darker Shades

#335385 #2C4773 #253C61 #1E314F #17263C #101A2A

Complementary Palette

#325182 #3A5E97 #826333 #97733B #A68756 #5675A6

Analogous Palette

#4A7378 #4F7C82 #37588E #3A5E97 #554F82 #666388

Triadic Palette

#335385 #3A5E97 #A1305B #AC496F #5BA130 #508E2A

Split Complementary Palette

#345588 #3A5E97 #97453B #A1584F #8C973B #7E8835

Square Palette

#314F7F #3A5E97 #8C4584 #8C7145 #3B9745 #5AA863

Tetradic Palette

#304D7C #3A5E97 #7828A9 #97733B #59A928 #77B84F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5E97 contains 58 red, 94 green, and 151 blue.

Contrast Ratio: 6.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1