Army Green color guide
HEX
#4B5320
RGB
75, 83, 32
HSL
69°, 44%, 23%
HSV
69°, 61%, 33%
Army green is green that agreed to disappear — olive drab utility with brown and yellow dirt worked in. #4B5320 reads tactical and matte, the color of canvas, webbing, and field gear under dust. It communicates function before freshness.
Best for
Editorial design, magazine spreads, and premium print collateral.
Compare with
Accessibility
White text on army green passes AAA at 8.21:1, so it is safe for dark backgrounds and section headers.
How does army green compare to nearby colors?
What is the difference between army green and avocado?
Army Green (#4B5320) feels more softened on screen, while Avocado (#568203) pushes the family in the opposite direction. Army Green has enough shadow to function like the structural base of a palette, while Avocado stays better suited to lighter-facing uses. Use army green for the more restrained version of the idea, and move to avocado when the palette needs a brighter front-facing accent.
What color is army green?
The name references military uniforms and equipment coloring traditions. Civilian fashion borrows it for utilitarian and streetwear lines. Actual military shades vary by era and nation, but consumer "army green" consistently skews olive-brown.
What is the hex code for army green?
| Format | Value |
|---|---|
| HEX | #4B5320 |
| RGB | rgb(75, 83, 32) |
| HSL | hsl(69°, 44%, 23%) |
| HSV / HSB | hsv(69°, 61%, 33%) |
| CMYK (approx.) | cmyk(10%, 0%, 61%, 67%) |
Convert Army Green to other color formats
Open the color converter with Army Green (#4B5320) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Army Green in the color converter →What does army green mean in design?
Army green is often associated with resilience, preparedness, and rugged practicality. Next to hunter green it tends to read as browner and more utilitarian; compared with moss it usually feels more martial and less botanical.
How do I use army green in code?
| CSS (hex) | color: #4B5320; |
| CSS (rgb) | color: rgb(75, 83, 32); |
| CSS (hsl) | color: hsl(69, 44%, 23%); |
| RGB % | rgb(29%, 33%, 13%) |
| Tailwind | text-[#4B5320] |
| SwiftUI | Color(red: 0.294, green: 0.325, blue: 0.125) |
| UIKit | UIColor(red: 0.294, green: 0.325, blue: 0.125, alpha: 1.0) |
| Android | Color.rgb(75, 83, 32) |
| Compose | Color(0xFF4B5320) |
| Web Safe | #336633 |
Is army green accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 8.21:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaBlack text on this color | 2.56:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on white | 8.21:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on black | 2.56:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does army green look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with army green
White gives army green the clean edge contrast it needs, so dark panels, labels, and type stay readable instead of sinking into the color.
Because army green already carries warmth, navy blue gives the pair a steadier backbone and keeps it closer to formal product work than to one-note seasonal color.
Against deep army green, cream softens the mood without weakening readability, so the palette stays inviting rather than severe.
What colors clash with army green
With army green, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.
With army green, magenta introduces a second emotional story instead of reinforcing the first one, so the palette can feel internally split.
Cyan can make army green feel more software-default than designed, especially when the rest of the palette is trying to hold onto material nuance.
Pastel Pink can make army green feel softer and sweeter than intended, which weakens palettes that rely on gravity or structure.
How should I use army green in design?
- •Army Green works well as a dark background with light text, or as a bold accent for headlines and callout bars in presentations and branded materials.
- •Pair army green with cool accents (navy, sage, steel blue) for sharp contrast, or keep it with other warm tones (cream, gold, tan) for a cohesive, editorial feel.
- •Army Green's depth makes it effective for premium packaging, dark-mode interfaces, and editorial layouts that need gravitas without defaulting to black.
What are good army green palettes?
Ink and gold
Editorial design, magazine spreads, and premium print collateral.
Design with army green in Moda
Create a presentation or document using army green as your accent color. Moda's AI applies your color palette automatically.
Create a design with army green →What are the shades and tints of army green?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for army green?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Avocado
Avocado sits close to army green on the wheel, but it carries more pigment pressure, which makes it better for faster emphasis and brighter accent work than for broader coverage and quieter supporting roles.
Olive Green
Olive Green is nearly adjacent to army green in hue; what separates them is intensity, with olive green reading cleaner and more assertive.
Taupe
Taupe changes the chroma more than the hue, so the decision is really about temperament: more immediate and screen-bright, or more restrained and spreadable.
Sepia
Sepia turns the same general family toward a different energy level, which matters if the palette should feel punchier, dustier, more cosmetic, or more editorial.
Fern
Fern is a nearby alternative to army green when the palette needs a different undertone or material cue more than a dramatic contrast change.
Frequently asked questions
What is the hex code for army green?
The hex code for army green is #4B5320. In RGB, that's 75 red, 83 green, and 32 blue. The approximate CMYK equivalent is 10% cyan, 0% magenta, 61% yellow, and 67% key (black).
Is army green a warm or cool color?
Army Green leans warm without feeling fully heat-driven, so you can push it warmer with cream, tan, or gold or balance it with cooler blues and slates.
Is army green strong enough for dark panels and covers?
Army Green is dark enough to anchor sections, hero blocks, and darker editorial surfaces. It is usually more convincing in that role than in tiny accent-only applications.
Where does army green work best in a layout?
Army Green has enough depth to anchor a layout while still reading as a color, which makes it useful for dark section blocks, headlines, and heavier accents.
Is army green accessible?
Army Green is strong enough for white text at 8.21:1 contrast, so it can handle dark panels, tags, and section headers without much trouble. As text on white, though, it is usually better reserved for larger headings or short accents than for long paragraphs.
More green colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Green colors
Compare army green with other green tones.
Blue colors
Explore nearby color families to build stronger palettes and contrasts.
Brown colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.