#2A6A48 Color

Color Information

HEX#2A6A48
RGB42, 106, 72
HSL148° , 43% , 29%
HSV148° , 60% , 42%
CMYK60%, 0%, 32%, 58%

Lighter Shades

#447C5E #5D8E74 #77A08A #90B2A0 #AAC3B6 #C3D5CC

Darker Shades

#255D3F #205137 #1B442E #163725 #112A1D #0C1E14

Complementary Palette

#245B3E #2A6A48 #5B2441 #6A2A4C #7F4865 #487F62

Analogous Palette

#365535 #3A5B39 #276444 #2A6A48 #395B5A #4C6766

Triadic Palette

#255D3F #2A6A48 #472371 #5D3D82 #714723 #633E1F

Split Complementary Palette

#265F41 #2A6A48 #682A6A #773F79 #6A2A2C #5F2628

Square Palette

#23593C #2A6A48 #323362 #62324C #6A682A #82804C

Tetradic Palette

#22573B #2A6A48 #1D4D77 #6A2A4C #77471D #8F6846

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6A48 contains 42 red, 106 green, and 72 blue.

Contrast Ratio: 6.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1