Islamic Green

Tints & Shades

Scale from white (50) through Islamic Green (500) to black (900), interpolated in Lab color space.

Design Applications

Color Harmonies

Similar Colors

Color Meaning & Psychology

Green occupies the center of the visible spectrum where the eye is most sensitive, making it the easiest color to process — literally restful for the eye. Green's associations with nature, growth, and fresh produce are deeply biological, rooted in the evolutionary advantage of finding food. In finance, "going green" means profit. In design, green signals health, sustainability, and natural ingredients. Darker greens evoke prestige and reliability; lighter greens feel fresh and energetic; blue-greens feel sophisticated and trustworthy. Green is uniquely cross-cultural in positive associations, though it represents environmental risk in some financial contexts. Its deeper, richer tone gives it gravitas and sophistication, making it well-suited for primary brand colors, typography, and contexts where authority matters.

Industry Usage

Common contexts and industries where Islamic Green is applied in professional design.

• Financial services and investment platforms
• Health, wellness, and organic food brands
• Environmental and sustainability organizations
• Pharmaceutical and medical products
• Agriculture and farming brands
• Eco-friendly consumer goods
• Real estate and property development
• Success and achievement badges in UI

Accessibility Considerations

CSS & Code Examples

Tailwind CSS Utilities

Use arbitrary value syntax in Tailwind CSS to apply Islamic Green without a custom config.

Design Tokens

Ready-to-use Islamic Green design token in CSS custom properties, SCSS, Tailwind v3/v4, and JSON formats.

:root {
  --color-islamic-green: #009000;
  --color-islamic-green-rgb: 0, 144, 0;
  --color-islamic-green-hsl: 120, 100%, 28%;
}

$color-islamic-green: #009000;
$color-islamic-green-rgb: 0, 144, 0;
$color-islamic-green-hsl: 120, 100%, 28%;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'islamic-green': '#009000',
      },
    },
  },
};

/* tailwind.css */
@theme {
  --color-islamic-green: #009000;
}

{
  "islamic-green": {
    "value": "#009000",
    "type": "color",
    "description": "Islamic Green — #009000"
  }
}

Accessibility & Design Guides

Frequently Asked Questions

What is the hex code for Islamic Green?

▾

The hex code for Islamic Green is #009000. Its RGB values are rgb(0, 144, 0) and its HSL values are hsl(120, 100%, 28%).

What does Islamic Green mean in design?

▾

Green occupies the center of the visible spectrum where the eye is most sensitive, making it the easiest color to process — literally restful for the eye. Green's associations with nature, growth, and fresh produce are deeply biological, rooted in the evolutionary advantage of finding food. In finance, "going green" means profit. In design, green signals health, sustainability, and natural ingredients. Darker greens evoke prestige and reliability; lighter greens feel fresh and energetic; blue-greens feel sophisticated and trustworthy. Green is uniquely cross-cultural in positive associations, though it represents environmental risk in some financial contexts. Its deeper, richer tone gives it gravitas and sophistication, making it well-suited for primary brand colors, typography, and contexts where authority matters.

Is Islamic Green WCAG accessible?

▾

Islamic Green (#009000) passes WCAG AA-large on white with a 4.21:1 contrast ratio. Its overall accessibility score is 39/100.

What colors go well with Islamic Green?

▾

Islamic Green pairs well with its complementary color Purple (#800080). Analogous colors like Chartreuse and Harlequin also work harmoniously. Check the Color Harmonies section above for the full palette.

What is Islamic Green used for?

▾

Islamic Green is commonly used for: Financial services and investment platforms; Health, wellness, and organic food brands; Environmental and sustainability organizations; Pharmaceutical and medical products; Agriculture and farming brands.

What are the CSS and Tailwind values for Islamic Green?

▾

In CSS, use `color: #009000` or `background-color: #009000`. The CSS custom property is `--color-islamic-green: #009000`. In Tailwind CSS, use the arbitrary value class `bg-[#009000]` for backgrounds or `text-[#009000]` for text.