Gecko’s Dream Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gecko’s Dream (#669900), each snapped to its nearest named color.
#669900
#011993
#720B98
#3C4D03
#0022EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gecko’s Dream | #669900 | 102, 153, 0 | 80°, 100%, 30% | 33, 0, 100, 40 | |
| Bright Midnight | #011993 | 1, 25, 147 | 230°, 99%, 29% | 99, 83, 0, 42 | |
| Chinese Purple | #720B98 | 114, 11, 152 | 284°, 87%, 32% | 25, 93, 0, 40 | |
| Godzilla | #3C4D03 | 60, 77, 3 | 74°, 93%, 16% | 22, 0, 96, 70 | |
| Slice of Heaven | #0022EE | 0, 34, 238 | 231°, 100%, 47% | 100, 86, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #669900 on #011993 | 3.92:1 | AA large |
| Aa #669900 on #720B98 | 2.76:1 | — |
| Aa #669900 on #3C4D03 | 2.71:1 | — |
| Aa #669900 on #0022EE | 2.48:1 | — |
| Aa #011993 on #0022EE | 1.58:1 | — |
| Aa #011993 on #3C4D03 | 1.44:1 | — |
CSS variables
:root {
--color-1: #669900; /* Gecko’s Dream */
--color-2: #011993; /* Bright Midnight */
--color-3: #720b98; /* Chinese Purple */
--color-4: #3c4d03; /* Godzilla */
--color-5: #0022ee; /* Slice of Heaven */
}Other schemes from Gecko’s Dream
- Gecko’s Dream Complementary Color Scheme#669900#A7FC00#330099#17034A#5500FF
- Gecko’s Dream Analogous Color Scheme#993300#997B00#669900#119900#009933
- Gecko’s Dream Triadic Color Scheme#669900#006699#990066#AAFF00#00334F
- Gecko’s Dream Tetradic Color Scheme#669900#009B7D#330099#960018#AAFF00
- Gecko’s Dream Monochromatic Color Scheme#0F180A#3C4D03#669900#9BE510#BFFE28
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 Gecko’s Dream?
In a split-complementary scheme: Bright Midnight (#011993), Chinese Purple (#720B98), Godzilla (#3C4D03), Slice of Heaven (#0022EE).
What is the hex code of Gecko’s Dream?
#669900.