#2A7456 Color

Color Information

HEX#2A7456
RGB42, 116, 86
HSL156° , 47% , 31%
HSV156° , 64% , 45%
CMYK64%, 0%, 26%, 55%

Lighter Shades

#44856A #5D957F #77A693 #90B7A7 #AAC7BB #C3D8D0

Darker Shades

#25664C #205841 #1B4A37 #163C2D #112E22 #0C2018

Complementary Palette

#24644A #2A7456 #64243E #742A48 #874862 #48876E

Analogous Palette

#365E39 #3A643E #276D51 #2A7456 #3A6064 #4C696B

Triadic Palette

#25664C #2A7456 #58227C #6C3D8C #7C5822 #6D4D1E

Split Complementary Palette

#26684D #2A7456 #742A6D #823F7C #74312A #682C26

Square Palette

#236148 #2A7456 #38326C #6C3249 #6D742A #848A4C

Tetradic Palette

#225F47 #2A7456 #1C4582 #742A48 #82591C #997745

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A7456 contains 42 red, 116 green, and 86 blue.

Contrast Ratio: 5.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1