Green (RYB)

HEX: #66B032 | Modern Palette

On White
2.69:1
FAIL
On Black
7.82:1
PASS

Color Specifications

HEX
#66B032
RGB
102, 176, 50
HSL
95°, 71% ,69%
CMYK
42.05, 0, 71.59, 30.98

About Green (RYB)

Green (RYB) (#66B032) is a color with RGB(102, 176, 50) and HSL(95.24°, 71.59%, 69.02%). It is commonly associated with Playful moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #7C32B0, which creates strong contrast. Its triadic palette includes #3266B0 and #B03266. The name comes from *grōnnaz (Proto-Germanic).

  • HEX: #66B032
  • RGB: 102, 176, 50
  • HSL: 95.24°, 71.59%, 69.02%
  • Mood: Playful
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #7C32B0
  • Triadic colors: #3266B0, #B03266
  • The name comes from *grōnnaz (Proto-Germanic).

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

Color Characteristics

Mood
Playful
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #9F9F37
Protanopia #AAAA31
Tritanopia #78A6A6
Achromatopsia #9E9E9E

Frequently Asked Questions

Green (RYB) (#66B032) is a color with RGB(102, 176, 50) and HSL(95.24°, 71.59%, 69.02%).

#66B032 pairs strongly with #7C32B0 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

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

#66B032 is commonly associated with Playful.

The name Green (RYB) is linked to *grōnnaz from Proto-Germanic, meaning green, growing.

Name, History & Etymology

Origin Word *grōnnaz
Meaning green, growing
Language Proto-Germanic
First Recorded Use Old English

History

The word 'green' has deep roots in Germanic languages, stemming from a Proto-Germanic word *grōnnaz, which itself is related to words meaning 'to grow' or 'grass'. This connection highlights the ancient association of the color with vegetation and life. In Old English, the word was 'grēne'. It has maintained a relatively consistent form and meaning throughout the development of the English language. Historically, green dyes were often derived from plant materials, but these were notoriously difficult to fix and often faded quickly, making vibrant, lasting green a challenge to achieve in textiles for centuries.

First Recorded Use

Before 700 AD

Cultural Associations

Green holds a vast array of cultural meanings. It is widely associated with nature, growth, renewal, and life. In many cultures, it symbolizes fertility and spring. It is also the color of money in several countries (e.g., the US dollar), leading to associations with wealth and finance. In Islam, green is considered a sacred color, often associated with paradise. In Western cultures, green can also represent envy ('green with envy') or inexperience ('greenhorn'). It is a prominent color in environmental movements and sustainability. In Ireland, it is strongly linked to national identity and St. Patrick's Day.

Similar Named Colors

Kelly Green #4CBB17 ΔE 4.29
Bud Green #7BB661 ΔE 6.12
Dollar Bill #85BB65 ΔE 6.94
Mantis #74C365 ΔE 7.40

Code Snippets

/* Background */
.element {
    background-color: #66B032;
}

/* Text */
.element {
    color: #66B032;
}

/* Border */
.element {
    border: 1px solid #66B032;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #66B032,
        #BA77E9
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #66B032,
        #BA77E9
    );
}

// SCSS variable
$green-(ryb): #66B032;

// With RGB channels (useful for rgba() usage)
$green-(ryb)-r: 102;
$green-(ryb)-g: 176;
$green-(ryb)-b: 50;

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