#2A4146 Color

Color Information

HEX	#2A4146
RGB	42, 65, 70
HSL	191° , 25% , 22%
HSV	191° , 40% , 27%
CMYK	40%, 7%, 0%, 73%

Lighter Shades

#44585C #5D6F72 #778589 #909C9F #AAB3B5 #C3CACB

Darker Shades

#25393E #203135 #1B2A2D #162224 #111A1C #0C1214

Complementary Palette

#24383C #2A4146 #3C2824 #462F2A #604C48 #485C60

Analogous Palette

#2B3B36 #30413B #273D42 #2A4146 #303541 #3D4352

Triadic Palette

#25393E #2A4146 #4C2445 #613E5B #454C24 #3D4320

Split Complementary Palette

#263B3F #2A4146 #462A33 #593F47 #463D2A #3F3726

Square Palette

#23373B #2A4146 #3B3041 #413330 #33462A #54644C

Tetradic Palette

#223539 #2A4146 #292050 #462F2A #475020 #687048

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4146 contains 42 red, 65 green, and 70 blue.

Contrast Ratio: 11.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1