Vivid Malachite

HEX: #00CC33 | Modern Palette

On White
2.17:1
FAIL
On Black
9.68:1
PASS

Color Specifications

HEX
#00CC33
RGB
0, 204, 51
HSL
135°, 100% ,80%
CMYK
100, 0, 75, 20

About Vivid Malachite

Vivid Malachite (#00CC33) is a color with RGB(0, 204, 51) and HSL(135°, 100%, 80%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is #CC0099, which creates strong contrast. Its triadic palette includes #3300CC and #CC3300. The name comes from Vivid Malachite (English).

  • HEX: #00CC33
  • RGB: 0, 204, 51
  • HSL: 135°, 100%, 80%
  • Mood: Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Background
  • Complementary color: #CC0099
  • Triadic colors: #3300CC, #CC3300
  • The name comes from Vivid Malachite (English).

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 #00CC33 from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Neon Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #AFAF3D
Protanopia #C2C231
Tritanopia #4EC1C1
Achromatopsia #B0B0B0

Frequently Asked Questions

Vivid Malachite (#00CC33) is a color with RGB(0, 204, 51) and HSL(135°, 100%, 80%).

#00CC33 pairs strongly with #CC0099 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00CC33 is suitable for Text, Button, Background and works well with Neon, Cool styles.

#00CC33 is commonly associated with Playful.

The name Vivid Malachite is linked to Vivid Malachite from English, meaning A bright, intense green color, reminiscent of the mineral malachite..

Name, History & Etymology

Origin Word Vivid Malachite
Meaning A bright, intense green color, reminiscent of the mineral malachite.
Language English
First Recorded Use Late 20th - Early 21st Century

History

Malachite itself is a mineral known since antiquity, used for pigments, jewelry, and ornamental objects. 'Malachite green' as a dye and pigment color has been around for centuries. The addition of 'vivid' is a contemporary refinement to distinguish a particularly bright and saturated shade of malachite green, often used in web design, graphic arts, and fashion to convey a specific intensity.

First Recorded Use

The specific phrase 'Vivid Malachite' as a named color is a modern descriptor, likely emerging with digital color systems and expanded color naming conventions. While 'malachite green' has a longer history, the 'vivid' modifier points to a more recent, precise naming trend.

Cultural Associations

Malachite has been culturally significant across various civilizations. Ancient Egyptians used it for eye makeup and jewelry, believing it offered protection. In the Middle Ages, it was thought to protect against evil. Its vibrant green is often associated with nature, growth, renewal, and prosperity. 'Vivid Malachite' specifically evokes a lively, energetic, and perhaps even luxurious feel due to the mineral's historical use in high-value items.

Similar Named Colors
Lime Green #32CD32 ΔE 1.34
Dark Pastel Green #03C03C ΔE 3.48
Harlequin Green #46CB18 ΔE 3.54
Malachite #0BDA51 ΔE 4.04

Code Snippets

/* Background */
.element {
    background-color: #00CC33;
}

/* Text */
.element {
    color: #00CC33;
}

/* Border */
.element {
    border: 1px solid #00CC33;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #00CC33,
        #FF99E6
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00CC33,
        #FF99E6
    );
}

// SCSS variable
$vivid-malachite: #00CC33;

// With RGB channels (useful for rgba() usage)
$vivid-malachite-r: 0;
$vivid-malachite-g: 204;
$vivid-malachite-b: 51;

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