#3A4C61 Color

Color Information

HEX	#3A4C61
RGB	58, 76, 97
HSL	212° , 25% , 30%
HSV	212° , 40% , 38%
CMYK	40%, 22%, 0%, 62%

Lighter Shades

#526174 #697787 #818C9A #99A2AD #B0B7C0 #C8CDD3

Darker Shades

#334355 #2C3A4A #25313E #1E2832 #171E27 #10151B

Complementary Palette

#324153 #3A4C61 #534331 #604E39 #766755 #566577

Analogous Palette

#3B4E4F #415758 #37475B #3A4C61 #424158 #4F4E6A

Triadic Palette

#334355 #3A4C61 #67324B #794B61 #4B6732 #425B2C

Split Complementary Palette

#344457 #3A4C61 #603B39 #704F4D #5E6039 #555633

Square Palette

#314051 #3A4C61 #584157 #584D41 #39603B #59795A

Tetradic Palette

#303E50 #3A4C61 #4F2C6D #604E39 #4A6D2C #6B8752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4C61 contains 58 red, 76 green, and 97 blue.

Contrast Ratio: 9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1