#3A3F83 Color

Color Information

HEX	#3A3F83
RGB	58, 63, 131
HSL	236° , 39% , 37%
HSV	236° , 56% , 51%
CMYK	56%, 52%, 0%, 49%

Lighter Shades

#525692 #696DA1 #8184B0 #999BBF #B0B2CD #C8C9DC

Darker Shades

#333773 #2C3064 #252854 #1E2144 #171934 #101225

Complementary Palette

#323671 #3A3F83 #716C32 #837E3A #949056 #565A94

Analogous Palette

#465967 #4C6170 #373B7B #3A3F83 #5B4C70 #685B7B

Triadic Palette

#333773 #3A3F83 #8D3035 #9B494D #358D30 #2F7C2A

Split Complementary Palette

#343976 #3A3F83 #83593A #8F6A4E #63833A #597634

Square Palette

#31356E #3A3F83 #7A4362 #7A7643 #3A8359 #5A9774

Tetradic Palette

#30346B #3A3F83 #8D2994 #837E3A #2E9429 #54A750

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3F83 contains 58 red, 63 green, and 131 blue.

Contrast Ratio: 9.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.16:1