Islamic Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Islamic Green (#009900), each snapped to its nearest named color.
#009900
#440099
#9C004A
#004E00
#6F00FE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Islamic Green | #009900 | 0, 153, 0 | 120°, 100%, 30% | 100, 0, 100, 40 | |
| Space Battle Blue | #440099 | 68, 0, 153 | 267°, 100%, 30% | 56, 100, 0, 40 | |
| Celestial Pink | #9C004A | 156, 0, 74 | 332°, 100%, 31% | 0, 100, 53, 39 | |
| Malachite Green | #004E00 | 0, 78, 0 | 120°, 100%, 15% | 100, 0, 100, 69 | |
| Bright Indigo | #6F00FE | 111, 0, 254 | 266°, 100%, 50% | 56, 100, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #009900 on #440099 | 3.26:1 | AA large |
| Aa #009900 on #004E00 | 2.66:1 | — |
| Aa #009900 on #9C004A | 2.21:1 | — |
| Aa #440099 on #6F00FE | 1.82:1 | — |
| Aa #009900 on #6F00FE | 1.79:1 | — |
| Aa #004E00 on #6F00FE | 1.49:1 | — |
CSS variables
:root {
--color-1: #009900; /* Islamic Green */
--color-2: #440099; /* Space Battle Blue */
--color-3: #9c004a; /* Celestial Pink */
--color-4: #004e00; /* Malachite Green */
--color-5: #6f00fe; /* Bright Indigo */
}Other schemes from Islamic Green
- Islamic Green Complementary Color Scheme#009900#00F900#880099#4E0550#FF00FF
- Islamic Green Analogous Color Scheme#929901#419C03#009900#009B54#009999
- Islamic Green Triadic Color Scheme#009900#000099#990000#00FF00#040348
- Islamic Green Tetradic Color Scheme#009900#004F98#880099#964B00#00FF00
- Islamic Green Monochromatic Color Scheme#031602#004E00#009900#00EE00#26FF2A
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Islamic Green?
In a split-complementary scheme: Space Battle Blue (#440099), Celestial Pink (#9C004A), Malachite Green (#004E00), Bright Indigo (#6F00FE).
What is the hex code of Islamic Green?
#009900.