#2A4636 Color

Color Information

HEX#2A4636
RGB42, 70, 54
HSL146° , 25% , 22%
HSV146° , 40% , 27%
CMYK40%, 0%, 23%, 73%

Lighter Shades

#445C4E #5D7266 #77897E #909F96 #AAB5AF #C3CBC7

Darker Shades

#253E30 #203529 #1B2D23 #16241C #111C16 #0C140F

Complementary Palette

#243C2E #2A4636 #3C2432 #462A3A #604856 #486052

Analogous Palette

#2C3B2B #314130 #274233 #2A4636 #30413F #3D5250

Triadic Palette

#253E30 #2A4636 #35244C #4D3E61 #4C3524 #432F20

Split Complementary Palette

#263F31 #2A4636 #442A46 #573F59 #462A2C #3F2628

Square Palette

#233B2D #2A4636 #303141 #413039 #46442A #64624C

Tetradic Palette

#22392C #2A4636 #203B50 #462A3A #503520 #705948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A4636 contains 42 red, 70 green, and 54 blue.

Contrast Ratio: 10.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1