Overgrown Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Overgrown (#88DD00), each snapped to its nearest named color.
#88DD00
#0011DD
#CC00DD
#4F8F00
#2D47FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Overgrown | #88DD00 | 136, 221, 0 | 83°, 100%, 43% | 38, 0, 100, 13 | |
| Nightfall in Suburbia | #0011DD | 0, 17, 221 | 235°, 100%, 43% | 100, 92, 0, 13 | |
| Fungal Hallucinations | #CC00DD | 204, 0, 221 | 295°, 100%, 43% | 8, 100, 0, 13 | |
| Pistachio Flour | #4F8F00 | 79, 143, 0 | 87°, 100%, 28% | 45, 0, 100, 44 | |
| Blueshift | #2D47FF | 45, 71, 255 | 233°, 100%, 59% | 82, 72, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88DD00 on #0011DD | 5.83:1 | AA |
| Aa #88DD00 on #2D47FF | 3.58:1 | AA large |
| Aa #88DD00 on #CC00DD | 2.69:1 | — |
| Aa #0011DD on #4F8F00 | 2.48:1 | — |
| Aa #88DD00 on #4F8F00 | 2.35:1 | — |
| Aa #0011DD on #CC00DD | 2.17:1 | — |
CSS variables
:root {
--color-1: #88dd00; /* Overgrown */
--color-2: #0011dd; /* Nightfall in Suburbia */
--color-3: #cc00dd; /* Fungal Hallucinations */
--color-4: #4f8f00; /* Pistachio Flour */
--color-5: #2d47ff; /* Blueshift */
}Other schemes from Overgrown
- Overgrown Complementary Color Scheme#88DD00#AAFF32#5511DD#320094#8844FF
- Overgrown Analogous Color Scheme#DD5500#DAC100#88DD00#11DD00#0BDA51
- Overgrown Triadic Color Scheme#88DD00#0088DC#DD0088#A6FD44#01578F
- Overgrown Tetradic Color Scheme#88DD00#00DDCC#5511DD#DD0011#A6FD44
- Overgrown Monochromatic Color Scheme#334400#4F8F00#88DD00#ADFF2F#CCFD7F
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Overgrown?
In a split-complementary scheme: Nightfall in Suburbia (#0011DD), Fungal Hallucinations (#CC00DD), Pistachio Flour (#4F8F00), Blueshift (#2D47FF).
What is the hex code of Overgrown?
#88DD00.