#3A4164 Color

Color Information

HEX#3A4164
RGB58, 65, 100
HSL230° , 27% , 31%
HSV230° , 42% , 39%
CMYK42%, 35%, 0%, 61%

Lighter Shades

#525877 #696F89 #81859C #999CAE #B0B3C1 #C8CAD4

Darker Shades

#333958 #2C314C #252A40 #1E2234 #171A28 #10121C

Complementary Palette

#323856 #3A4164 #565032 #645D3A #7A7456 #565C7A

Analogous Palette

#3D4B52 #43535B #373D5E #3A4164 #4B435B #584E6A

Triadic Palette

#333958 #3A4164 #6C323C #7E4B53 #3C6C32 #355F2C

Split Complementary Palette

#343B5A #3A4164 #64483A #745A4E #56643A #4D5A34

Square Palette

#313754 #3A4164 #5C4254 #5C5842 #3A6448 #5A7D65

Tetradic Palette

#303552 #3A4164 #672B73 #645D3A #37732B #5B8C51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4164 contains 58 red, 65 green, and 100 blue.

Contrast Ratio: 10.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.05:1