#2A682E Color

Color Information

HEX#2A682E
RGB42, 104, 46
HSL124° , 42% , 29%
HSV124° , 60% , 41%
CMYK60%, 0%, 56%, 59%

Lighter Shades

#447A47 #5D8C60 #779E79 #90B092 #AAC3AB #C3D5C4

Darker Shades

#255C28 #204F23 #1B431D #163618 #112A12 #0C1D0D

Complementary Palette

#245928 #2A682E #5A2557 #692B65 #7E497B #487D4B

Analogous Palette

#425436 #485A3A #27622B #2A682E #3A5A4C #4C675B

Triadic Palette

#255C28 #2A682E #292370 #433D81 #702923 #63241F

Split Complementary Palette

#265E29 #2A682E #4E2B69 #604078 #692B46 #5F273F

Square Palette

#235727 #2A682E #324762 #62325E #694E2B #816A4D

Tetradic Palette

#225526 #2A682E #1E7076 #692B65 #76231E #8F4B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A682E contains 42 red, 104 green, and 46 blue.

Contrast Ratio: 6.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1