Greedy Gecko Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Greedy Gecko (#AA9922), each snapped to its nearest named color.
#AA9922
#2178A4
#5930A9
#696112
#4499DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Greedy Gecko | #AA9922 | 170, 153, 34 | 53°, 67%, 40% | 0, 10, 80, 33 | |
| In the Mood | #2178A4 | 33, 120, 164 | 200°, 66%, 39% | 80, 27, 0, 36 | |
| Royalty | #5930A9 | 89, 48, 169 | 260°, 56%, 43% | 47, 72, 0, 34 | |
| Greenish Brown | #696112 | 105, 97, 18 | 54°, 71%, 24% | 0, 8, 83, 59 | |
| Flax Flower Blue | #4499DD | 68, 153, 221 | 207°, 69%, 57% | 69, 31, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA9922 on #5930A9 | 3.01:1 | AA large |
| Aa #5930A9 on #4499DD | 2.83:1 | — |
| Aa #AA9922 on #696112 | 2.20:1 | — |
| Aa #696112 on #4499DD | 2.06:1 | — |
| Aa #2178A4 on #5930A9 | 1.77:1 | — |
| Aa #AA9922 on #2178A4 | 1.70:1 | — |
CSS variables
:root {
--color-1: #aa9922; /* Greedy Gecko */
--color-2: #2178a4; /* In the Mood */
--color-3: #5930a9; /* Royalty */
--color-4: #696112; /* Greenish Brown */
--color-5: #4499dd; /* Flax Flower Blue */
}Other schemes from Greedy Gecko
- Greedy Gecko Complementary Color Scheme#AA9922#D8CB4B#2138AB#112266#5566DD
- Greedy Gecko Analogous Color Scheme#AA2335#AA5522#AA9922#7AAC21#2BA727
- Greedy Gecko Triadic Color Scheme#AA9922#25AE8E#9A2CA0#DDC75B#166461
- Greedy Gecko Tetradic Color Scheme#AA9922#2AAA45#2138AB#A82A70#DDC75B
- Greedy Gecko Monochromatic Color Scheme#222200#696112#AA9922#D6C443#EAD97C
More Dark Yellow split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Citrus Split-complementary Color Scheme#9FB70A#0048BA#6611AA#6A6E09#1F66FF
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
Questions
What colors go with Greedy Gecko?
In a split-complementary scheme: In the Mood (#2178A4), Royalty (#5930A9), Greenish Brown (#696112), Flax Flower Blue (#4499DD).
What is the hex code of Greedy Gecko?
#AA9922.