#3A4E48 Color

Color Information

HEX#3A4E48
RGB58, 78, 72
HSL162° , 15% , 27%
HSV162° , 26% , 31%
CMYK26%, 0%, 8%, 69%

Lighter Shades

#52635E #697874 #818E8A #99A3A0 #B0B8B6 #C8CDCC

Darker Shades

#33453F #2C3B37 #25322E #1E2925 #171F1D #101614

Complementary Palette

#32433E #3A4E48 #443338 #4F3B41 #68565C #566762

Analogous Palette

#36493A #3B4F3F #374944 #3A4E48 #3B4B4F #485B61

Triadic Palette

#33453F #3A4E48 #4B3455 #614C69 #554B34 #4B422E

Split Complementary Palette

#344641 #3A4E48 #4F3B4B #614F5D #4F3F3B #473935

Square Palette

#31423C #3A4E48 #3F3B4F #4F3B41 #4B4F3B #686B5A

Tetradic Palette

#30403B #3A4E48 #2F3C5B #4F3B41 #5B4E2F #796E54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4E48 contains 58 red, 78 green, and 72 blue.

Contrast Ratio: 9.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1