#3A4F5D Color

Color Information

HEX	#3A4F5D
RGB	58, 79, 93
HSL	204° , 23% , 30%
HSV	204° , 38% , 36%
CMYK	38%, 15%, 0%, 64%

Lighter Shades

#526470 #697984 #818E97 #99A3AB #B0B9BE #C8CED2

Darker Shades

#334652 #2C3C47 #25333C #1E2930 #172025 #10161A

Complementary Palette

#324450 #3A4F5D #513F33 #5E493B #756256 #566874

Analogous Palette

#3B4F4E #415856 #374A57 #3A4F5D #414358 #4E506A

Triadic Palette

#334652 #3A4F5D #663352 #784B67 #526633 #485A2D

Split Complementary Palette

#344754 #3A4F5D #5E3B3E #6E4F51 #5E5B3B #555235

Square Palette

#31424E #3A4F5D #564158 #584A41 #3E5E3B #5D785A

Tetradic Palette

#30414C #3A4F5D #462D6C #5E493B #536C2D #728653

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4F5D contains 58 red, 79 green, and 93 blue.

Contrast Ratio: 8.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1