Pakistan Green

HEX: #006600 | Modern Palette

On White
7.24:1
PASS
On Black
2.90:1
FAIL

Color Specifications

HEX
#006600
RGB
0, 102, 0
HSL
120°, 100% ,40%
CMYK
100, 0, 100, 60

About Pakistan Green

Pakistan Green (#006600) is a color with RGB(0, 102, 0) and HSL(120°, 100%, 40%). 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 #660066, which creates strong contrast. Its triadic palette includes #000066 and #660000. The name comes from Pakistan Green (English).

  • HEX: #006600
  • RGB: 0, 102, 0
  • HSL: 120°, 100%, 40%
  • Mood: Bold
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #660066
  • Triadic colors: #000066, #660000
  • The name comes from Pakistan 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 #006600 from deepest shade to lightest tint.

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #57570A
Protanopia #616100
Tritanopia #246060
Achromatopsia #575757

Frequently Asked Questions

Pakistan Green (#006600) is a color with RGB(0, 102, 0) and HSL(120°, 100%, 40%).

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

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

#006600 is commonly associated with Bold.

The name Pakistan Green is linked to Pakistan Green from English, meaning A specific shade of green associated with Pakistan..

Name, History & Etymology

Origin Word Pakistan Green
Meaning A specific shade of green associated with Pakistan.
Language English
First Recorded Use 20th Century

History

The color 'Pakistan Green' is the dominant color in the national flag of Pakistan. The green in the flag represents Islam, the religion of the majority of the population in Pakistan. The specific shade, often represented by hex code #006600 or similar dark greens, was chosen to be distinct and symbolic. It is a deep, rich green, signifying prosperity, hope, and the Islamic heritage of the nation. The flag was adopted on August 11, 1947, three days before the country's independence.

First Recorded Use

Likely around the time of Pakistan's independence (1947) or shortly thereafter, as the flag's colors became standardized and named.

Cultural Associations

Pakistan Green is a highly significant color in Pakistani culture. It is prominently featured in national symbols, government institutions, sports teams' uniforms, and patriotic decorations. It evokes feelings of national pride, religious identity, and unity among Pakistanis. It is often paired with white, which is the other color in the national flag, representing minorities and peace.

Similar Named Colors
Dark Green (X11) #006400 ΔE 0.65
Deep Green #056608 ΔE 0.71
Lincoln Green #195905 ΔE 4.57
La Salle Green #087830 ΔE 7.57

Code Snippets

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

/* Text */
.element {
    color: #006600;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #006600,
        #CC00CC
    );
}

// SCSS variable
$pakistan-green: #006600;

// With RGB channels (useful for rgba() usage)
$pakistan-green-r: 0;
$pakistan-green-g: 102;
$pakistan-green-b: 0;

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