Mantis

#74C365

Green Family →

What Color is Mantis

Mantis is a spirited representation of spring, capturing the essence of light filtering through young leaves. This medium-light shade balances yellow and green to create a lucid hue associated with biological energy and insect life. It projects an image of crisp vitality.

What color is opposite Mantis?

The opposite color to Mantis is Lavender (#b365c3).

View Lavender

Additional Information

  • Color Family: Green
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #B365C3
  • Brightness: 161/255
  • Saturation: 48%

Colors That Pair Well With Mantis

Complementary

Pair with Lavender for a harmonious, balanced look. Great for backgrounds and accents.

#74C365#b365c3

High Contrast

Use Vivid Violet for maximum readability. Ideal for text or critical UI elements.

#74C365#8b3c9a

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#acdba3#3a6233

Mantis History

Historically, capturing a bright, permanent yellow-green was chemically difficult; ancients relied on the mineral malachite or fugitive plant dyes that faded quickly. The vibrancy seen in Mantis became widely accessible only after the 19th-century chemical revolution introduced synthetic compounds, moving away from the toxic arsenic-based greens of the Victorian era.

Culturally, this specific shade entered the mainstream lexicon when Crayola added it to their standardization of wax crayons in 1990. It reflects the aesthetic of modernism, where flat, high-chroma colors began to supersede the moody, complex glazes of the Old Masters.

Meaning & Psychology

Psychologically, Mantis stimulates the nervous system, evoking feelings of rejuvenation and alertness rather than the passive relaxation associated with darker forest tones. It signals anticipation, mimicking the biological promise found in budding plants and new growth.

However, due to its high saturation, this color can feel overly clinical or artificial if not balanced correctly. In modern branding, it bridges the gap between nature and technology, frequently symbolizing innovation within the clean energy and eco-conscious sectors.

In Nature

This color is named after the praying mantis, an insect that utilizes this precise shade of cryptic coloration to blend into foliage. In the botanical world, this hue is visible in the heavy concentration of chlorophyll found in new spring shoots and unripe fruit like apples or limes. It represents the peak of photosynthetic activity before leaves darken with age.

How To Use Mantis

In user interface design, Mantis fails standard accessibility checks for text on white backgrounds due to insufficient contrast. Therefore, it functions best as a high-impact background for dark typography or as a specific call-to-action button color.

Designers should utilize this shade to inject freshness into rigid corporate layouts. It pairs exceptionally well with neutral charcoals or deep navy blues, which ground the color's visual vibration and prevent the overall palette from appearing neon or cheap.

Related Words

malachitesyntheticstandardizationmodernismrejuvenationanticipationartificialinnovationmantischlorophyllfruitaccessibilitybackgroundfreshnessvibration

Curated Palettes

#74C365
#4B3621
#8F9779
#F5F5DC
#2E3B28

Botanical Study

A grounded, organic palette mixing soil tones with new growth.

#74C365
#FF69B4
#4B0082
#FFFF00
#00BFFF

Electric Garden

High-contrast, pop-art inspired scheme for energetic branding.

#74C365
#2C3E50
#ECF0F1
#BDC3C7
#1ABC9C

Clean Tech

Modern, clinical, and crisp palette for technology and wellness.

Color Conversions

Hex
#74C365
RGB
116, 195, 101
RGB %
45%, 76%, 40%
HSL
110°, 44%, 58%
HSV
110°, 48%, 76%
CMYK
41%, 0%, 48%, 24%
LAB
72.02, -42.51, 39.58
XYZ
29.07, 43.68, 19.21

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #74C365;
Text Color (RGB)
Aa
color: rgb(116, 195, 101);
Background Color
background-color: #74C365;
Border
border: 3px solid #74C365;
Box Shadow
box-shadow: 0 4px 12px #74C36566;
Gradient
background: linear-gradient(135deg, #74C365 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Mantis

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Mantis

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Mantis?

Explore color palettes containing Mantis and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

grass green

#166#76C25F

Buy

Prismacolor

Spring Green

#PC913#85CF66

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Mantis?
The hex code for Mantis is #74C365. The RGB values are (116, 195, 101). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Mantis?
Mantis pairs well with its complementary color, Lavender (#b365c3). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Mantis accessible for text?
No, Mantis is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Mantis in CSS?

You can use Mantis in CSS with its hex code. Here is an example class:

.mantis {
  background-color: #74C365;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.