#2A4D49 Color

Color Information

HEX#2A4D49
RGB42, 77, 73
HSL173° , 29% , 23%
HSV173° , 45% , 30%
CMYK45%, 0%, 5%, 70%

Lighter Shades

#44625F #5D7875 #778D8B #90A2A0 #AAB8B6 #C3CDCC

Darker Shades

#254440 #203B37 #1B312F #162826 #111F1D #0C1614

Complementary Palette

#24423F #2A4D49 #412428 #4C2A2E #65484B #486662

Analogous Palette

#2E3E34 #324339 #274845 #2A4D49 #323D43 #3F4D55

Triadic Palette

#254440 #2A4D49 #4C2452 #613E67 #524C24 #484320

Split Complementary Palette

#264542 #2A4D49 #4C2A3F #5E3F52 #4C372A #443226

Square Palette

#23413D #2A4D49 #383046 #463032 #3F4C2A #5E694C

Tetradic Palette

#223F3C #2A4D49 #1F2656 #4C2A2E #56501F #747047

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4D49 contains 42 red, 77 green, and 73 blue.

Contrast Ratio: 9.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1