Pikka Logo Pikka
Chrome App
Earthy Organic Velvet Forest Green Category: Green

Moss Green (#8A9A5B) — Color Codes, Meaning & UI Palettes

Moss Green (#8A9A5B) is an earthy, medium-light olive green that mirrors the soft, velvet carpets of bryophytes covering old forest floors. It represents deep organic roots, bio-design, tranquility, and natural sustainability.

Quick Answer (Moss Green Color Code): The exact HEX code for Moss Green is #8A9A5B. In RGB, it is rgb(138, 154, 91). In HSL, it is hsl(75deg, 26%, 48%), and its print CMYK formulation is cmyk(10%, 0%, 41%, 40%). It has a relative luminance of 0.293 and pairs best in UI design with Earthy Terracotta (#CC5500) and Soft Cream (#FFFDF8).
Click to Copy HEX
Moss Green
#8A9A5B
HEX
#8A9A5B
RGB
rgb(138, 154, 91)
HSL
hsl(75deg, 26%, 48%)
CMYK (Print)
cmyk(10%, 0%, 41%, 40%)
Apple Display P3
color(display-p3 0.541 0.604 0.357)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 3.06:1 (AA Large)
Black Text (#000000) 6.86:1 (AA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#F6F7F2
100
#EDF0E5
200
#DCE1CC
300
#C5CEAB
400
#ABB785
500
#8A9A5B
600
#717E4A
700
#5A643B
800
#424A2B
900
#2C311D
950
#191C10

Color Harmonies & Palette Schemes

Complementary

#6A5B9A
Opposite 180° Contrast

Analogous -30°

#9A8A5B
Natural Harmony

Analogous +30°

#6A9A5B
Natural Harmony

Triadic +120°

#5B8A9A
120° Balanced Triad

Triadic +240°

#9A5B8A
120° Balanced Triad

Curated UI Design Pairings for Moss Green

Harmonious accent for sustainable products, outdoor apparel, craft culinary brands, and nature-inspired UI cards. Pairs gorgeously with travertine beige and terracotta.

Earthy Terracotta
#CC5500
Autumnal Botanical Complement
Soft Cream
#FFFDF8
Accessible Background
Deep Forest
#1C2E19
Rich Contrast Text
Golden Straw
#E6C280
Warm Natural Accent

Export Moss Green Code Snippets

CSS Variable --color-moss-green: #8A9A5B;
Tailwind Config 'moss-green': '#8A9A5B'
Swift / SwiftUI Color(hex: "#8A9A5B")
JSON Design Token {"name": "Moss Green", "hex": "#8A9A5B"}

Frequently Asked Questions About Moss Green (#8A9A5B)

What is the exact HEX code for Moss Green?

The exact HEX code for Moss Green is #8A9A5B. In 8-digit hexadecimal (with 100% opacity), it is #8A9A5BFF. Its RGB decimal equivalent is rgb(138, 154, 91) and its HSL value is hsl(75deg, 26%, 48%).

What colors go best with Moss Green in UI and web design?

Moss Green pairs exceptionally well with Earthy Terracotta (#CC5500), Soft Cream (#FFFDF8), Deep Forest (#1C2E19), and Golden Straw (#E6C280).

How do I use Moss Green in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #8A9A5B; or background-color: #8A9A5B;. In Tailwind CSS, use arbitrary value syntax like bg-[#8a9a5b] or text-[#8a9a5b], or define it in your Tailwind v4 @theme block as --color-moss-green: #8A9A5B;.

Is Moss Green WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Moss Green achieves a contrast ratio of 3.06:1 (AA Large). Against a pure black background (#000000), it achieves 6.86:1 (AA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator