#2E4C49 Color

Color Information

HEX#2E4C49
RGB46, 76, 73
HSL174° , 25% , 24%
HSV174° , 39% , 30%
CMYK39%, 0%, 4%, 70%

Lighter Shades

#47615F #607775 #798C8B #92A2A0 #ABB7B6 #C4CDCC

Darker Shades

#284340 #233A37 #1D312F #182826 #121E1D #0D1514

Complementary Palette

#28413F #2E4C49 #42282A #4D2E31 #664B4E #4B6562

Analogous Palette

#304136 #34463B #2B4745 #2E4C49 #343F46 #414E58

Triadic Palette

#284340 #2E4C49 #4D2853 #624268 #534D28 #494423

Split Complementary Palette

#294442 #2E4C49 #4D2E40 #5F4353 #4D3A2E #453429

Square Palette

#27403D #2E4C49 #3B3446 #463436 #404D2E #5F694F

Tetradic Palette

#263E3C #2E4C49 #232858 #4D2E31 #585023 #76704B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E4C49 contains 46 red, 76 green, and 73 blue.

Contrast Ratio: 9.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1