#3A3C63 Color

Color Information

HEX	#3A3C63
RGB	58, 60, 99
HSL	237° , 26% , 31%
HSV	237° , 41% , 39%
CMYK	41%, 39%, 0%, 61%

Lighter Shades

#525376 #696B88 #81829B #999AAE #B0B1C1 #C8C8D3

Darker Shades

#333557 #2C2E4B #25263F #1E1F33 #171828 #10111C

Complementary Palette

#323455 #3A3C63 #565432 #64623A #7A7856 #565779

Analogous Palette

#3D4952 #43505B #37385D #3A3C63 #4E435B #5A4E6A

Triadic Palette

#333557 #3A3C63 #6C3236 #7E4B4E #366C32 #305F2C

Split Complementary Palette

#343659 #3A3C63 #644D3A #745F4E #51643A #495A34

Square Palette

#313253 #3A3C63 #5C4250 #5C5B42 #3A644D #5A7D69

Tetradic Palette

#303151 #3A3C63 #6F2B73 #64623A #30732B #558C51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3C63 contains 58 red, 60 green, and 99 blue.

Contrast Ratio: 10.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.94:1