Cadmium Green

HEX: #006B3C | Modern Palette

On White
6.63:1
PASS
On Black
3.17:1
FAIL

Color Specifications

HEX
#006B3C
RGB
0, 107, 60
HSL
153°, 100% ,41%
CMYK
100, 0, 43.93, 58.04

About Cadmium Green

Cadmium Green (#006B3C) is a color with RGB(0, 107, 60) and HSL(153.64°, 100%, 41.96%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #6B002F, which creates strong contrast. Its triadic palette includes #3C006B and #6B3C00. The name comes from Cadmium Green (English).

  • HEX: #006B3C
  • RGB: 0, 107, 60
  • HSL: 153.64°, 100%, 41.96%
  • Mood: Bold
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #6B002F
  • Triadic colors: #3C006B, #6B3C00
  • The name comes from Cadmium Green (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 #006B3C from deepest shade to lightest tint.

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #5B5B3E
Protanopia #65653C
Tritanopia #1F6666
Achromatopsia #5D5D5D

Frequently Asked Questions

Cadmium Green (#006B3C) is a color with RGB(0, 107, 60) and HSL(153.64°, 100%, 41.96%).

#006B3C pairs strongly with #6B002F as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#006B3C is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#006B3C is commonly associated with Bold.

The name Cadmium Green is linked to Cadmium Green from English, meaning A green pigment containing cadmium sulfide and other compounds, often viridian or chromium oxide..

Name, History & Etymology

Origin Word Cadmium Green
Meaning A green pigment containing cadmium sulfide and other compounds, often viridian or chromium oxide.
Language English
First Recorded Use Late 19th Century

History

Cadmium pigments, including yellows, oranges, and reds, became popular in the 19th century due to their vibrancy and permanence. Cadmium Green itself is not a single cadmium compound but rather a mixture, typically of Cadmium Yellow (cadmium sulfide) and a blue pigment like Viridian (hydrated chromium(III) oxide) or Ultramarine. This mixing allowed for a stable and brilliant green that was less prone to darkening or fading than some earlier organic greens. Its use became widespread in artists' palettes due to its excellent lightfastness and opacity. The 'Cadmium' in its name refers to the presence of cadmium compounds, which contribute to its characteristic hue and durability.

First Recorded Use

Circa 1890s

Cultural Associations

Cadmium Green is a staple in artists' oil and acrylic paints, valued for its strong tinting strength and permanence. It is often used in landscapes for foliage and natural elements where a vibrant, opaque green is desired. Due to the toxicity of cadmium, artists are advised to use proper ventilation and avoid ingestion. In industrial applications, the use of cadmium pigments has been restricted or replaced in many regions due to environmental and health concerns, though it remains available for artistic use.

Similar Named Colors
Dartmouth Green #00693E ΔE 1.15
Dartmouth Green #00703C ΔE 1.91
Dark Spring Green #177245 ΔE 2.69
Bottle Green #006A4E ΔE 5.61

Code Snippets

/* Background */
.element {
    background-color: #006B3C;
}

/* Text */
.element {
    color: #006B3C;
}

/* Border */
.element {
    border: 1px solid #006B3C;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #006B3C,
        #D6005E
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #006B3C,
        #D6005E
    );
}

// SCSS variable
$cadmium-green: #006B3C;

// With RGB channels (useful for rgba() usage)
$cadmium-green-r: 0;
$cadmium-green-g: 107;
$cadmium-green-b: 60;

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