#3A3F84 Color

Color Information

HEX#3A3F84
RGB58, 63, 132
HSL236° , 39% , 37%
HSV236° , 56% , 52%
CMYK56%, 52%, 0%, 48%

Lighter Shades

#525693 #696DA2 #8184B0 #999BBF #B0B2CE #C8C9DD

Darker Shades

#333774 #2C3064 #252854 #1E2145 #171935 #101225

Complementary Palette

#323672 #3A3F84 #716C32 #837E3A #949056 #565A95

Analogous Palette

#465967 #4C6170 #373B7C #3A3F84 #5B4C70 #685B7B

Triadic Palette

#333774 #3A3F84 #8D3035 #9B494D #358D30 #2F7C2A

Split Complementary Palette

#343977 #3A3F84 #83593A #8F6A4E #63833A #597634

Square Palette

#31356F #3A3F84 #7A4362 #7A7643 #3A8359 #5A9774

Tetradic Palette

#30346C #3A3F84 #8D2994 #837E3A #2E9429 #54A750

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3F84 contains 58 red, 63 green, and 132 blue.

Contrast Ratio: 9.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.16:1