Lush Garden Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lush Garden (#008811), each snapped to its nearest named color.
#008811
#4D0082
#880033
#033500
#8806CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lush Garden | #008811 | 0, 136, 17 | 128°, 100%, 27% | 100, 0, 88, 47 | |
| Pigment Indigo | #4D0082 | 77, 0, 130 | 276°, 100%, 25% | 41, 100, 0, 49 | |
| Macabre | #880033 | 136, 0, 51 | 338°, 100%, 27% | 0, 100, 63, 47 | |
| Dark Green | #033500 | 3, 53, 0 | 117°, 100%, 10% | 94, 0, 100, 79 | |
| French Violet | #8806CE | 136, 6, 206 | 279°, 94%, 42% | 34, 97, 0, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #008811 on #033500 | 2.99:1 | — |
| Aa #008811 on #4D0082 | 2.77:1 | — |
| Aa #008811 on #880033 | 2.16:1 | — |
| Aa #033500 on #8806CE | 1.96:1 | — |
| Aa #4D0082 on #8806CE | 1.81:1 | — |
| Aa #008811 on #8806CE | 1.53:1 | — |
CSS variables
:root {
--color-1: #008811; /* Lush Garden */
--color-2: #4d0082; /* Pigment Indigo */
--color-3: #880033; /* Macabre */
--color-4: #033500; /* Dark Green */
--color-5: #8806ce; /* French Violet */
}Other schemes from Lush Garden
- Lush Garden Complementary Color Scheme#008811#00EE11#800070#330033#EE00CC
- Lush Garden Analogous Color Scheme#748500#388004#008811#008B56#007488
- Lush Garden Triadic Color Scheme#008811#120A8F#881100#00EE11#020035
- Lush Garden Tetradic Color Scheme#008811#003388#800070#885500#00EE11
- Lush Garden Monochromatic Color Scheme#031602#033500#008811#00CC11#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 Lush Garden?
In a split-complementary scheme: Pigment Indigo (#4D0082), Macabre (#880033), Dark Green (#033500), French Violet (#8806CE).
What is the hex code of Lush Garden?
#008811.