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

Vivid Malachite #00CC33 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
VIVID MALACHITE
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
VIVID MALACHITE
 
 
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

Vivid Malachite #00CC33 pairs with #CC0099 as its complementary color, and #3300CC and #CC3300 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

VIVID MALACHITE
Analogous

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

VIVID MALACHITE
CARIBBEAN GREEN
Triadic

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

VIVID MALACHITE
Split-Complementary

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

VIVID MALACHITE
VIVID CRIMSON
Tetradic (Square)

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

VIVID MALACHITE
VIVID AMBER
Monochromatic

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

VIVID MALACHITE

Shades & Tints

The shade and tint range for Vivid Malachite #00CC33 moves from dark #001A06 tones through the base color to lighter #E6FFEC tones, making it useful for depth, hierarchy, and background variation.

VIVID MALACHITE

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);
}