Mantis

HEX: #74C365 | Modern Palette

On White
2.16:1
FAIL
On Black
9.74:1
PASS

Color Specifications

HEX
#74C365
RGB
116, 195, 101
HSL
110°, 48% ,76%
CMYK
40.51, 0, 48.21, 23.53

About Mantis

Mantis (#74C365) is a color with RGB(116, 195, 101) and HSL(110.43°, 48.21%, 76.47%). In design, it fits Cool styles and is suitable for Text, Button, Print. Its complementary color is #B465C3, which creates strong contrast. Its triadic palette includes #6574C3 and #C36574. The name comes from μάντις (mantis) (Ancient Greek).

  • HEX: #74C365
  • RGB: 116, 195, 101
  • HSL: 110.43°, 48.21%, 76.47%
  • Style: Cool
  • Use case: Text, Button, Print
  • Complementary color: #B465C3
  • Triadic colors: #6574C3, #C36574
  • The name comes from μάντις (mantis) (Ancient Greek).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #74C365 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Button Print

Accessibility Simulation

Deuteranopia #B1B168
Protanopia #BCBC64
Tritanopia #84BABA
Achromatopsia #B0B0B0

Frequently Asked Questions

Mantis (#74C365) is a color with RGB(116, 195, 101) and HSL(110.43°, 48.21%, 76.47%).

#74C365 pairs strongly with #B465C3 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#74C365 is suitable for Text, Button, Print and works well with Cool styles.

The name Mantis is linked to μάντις (mantis) from Ancient Greek, meaning prophet, seer, diviner.

Name, History & Etymology

Origin Word μάντις (mantis)
Meaning prophet, seer, diviner
Language Ancient Greek
First Recorded Use Ancient Greece

History

The word 'mantis' in Ancient Greek referred to a person who could divine the future, often through omens, dreams, or divine inspiration. This role was significant in Greek society, with mantises advising rulers and individuals on important decisions. The modern English use of 'mantis' to refer to the insect (praying mantis) is a much later development, stemming from the insect's posture which resembles a person praying or, perhaps, a prophet in contemplation. Carl Linnaeus, in 1758, named the genus 'Mantis religiosa', directly linking it to the religious or prophetic connotation.

First Recorded Use

Used in ancient Greek literature and religious contexts to refer to individuals believed to have prophetic abilities.

Cultural Associations

In ancient Greek culture, mantises were respected figures, often associated with specific temples or oracles (like the Oracle of Delphi). Their prophecies could influence political and military strategies. The insect's name, 'praying mantis', reflects a cross-cultural observation of its distinctive forelegs held in a prayer-like or meditative pose, which resonated with the older meaning of a 'seer' or 'prophet'.

Similar Named Colors

Dollar Bill #85BB65 ΔE 3.65
Bud Green #7BB661 ΔE 3.87
Pistachio #93C572 ΔE 4.53
Fern #71BC78 ΔE 4.84

Code Snippets

/* Background */
.element {
    background-color: #74C365;
}

/* Text */
.element {
    color: #74C365;
}

/* Border */
.element {
    border: 1px solid #74C365;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #74C365,
        #D7A6E0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #74C365,
        #D7A6E0
    );
}

// SCSS variable
$mantis: #74C365;

// With RGB channels (useful for rgba() usage)
$mantis-r: 116;
$mantis-g: 195;
$mantis-b: 101;

// Usage
.element {
    background-color: $mantis;
    color: rgba($mantis-r, $mantis-g, $mantis-b, 0.8);
}