Ginger Ale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ginger Ale (#C9A86A), each snapped to its nearest named color.
#C9A86A
#66BBCC
#7A6DC0
#A7843E
#A5D4DC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ginger Ale | #C9A86A | 201, 168, 106 | 39°, 47%, 60% | 0, 16, 47, 21 | |
| Delusional Dragonfly | #66BBCC | 102, 187, 204 | 190°, 50%, 60% | 50, 8, 0, 20 | |
| Venus Violet | #7A6DC0 | 122, 109, 192 | 249°, 40%, 59% | 36, 43, 0, 25 | |
| Saffron Valley | #A7843E | 167, 132, 62 | 40°, 46%, 45% | 0, 21, 63, 35 | |
| Midwinter Mist | #A5D4DC | 165, 212, 220 | 189°, 44%, 75% | 25, 4, 0, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7A6DC0 on #A5D4DC | 2.73:1 | — |
| Aa #A7843E on #A5D4DC | 2.17:1 | — |
| Aa #66BBCC on #7A6DC0 | 2.00:1 | — |
| Aa #C9A86A on #7A6DC0 | 1.95:1 | — |
| Aa #66BBCC on #A7843E | 1.59:1 | — |
| Aa #C9A86A on #A7843E | 1.55:1 | — |
CSS variables
:root {
--color-1: #c9a86a; /* Ginger Ale */
--color-2: #66bbcc; /* Delusional Dragonfly */
--color-3: #7a6dc0; /* Venus Violet */
--color-4: #a7843e; /* Saffron Valley */
--color-5: #a5d4dc; /* Midwinter Mist */
}Other schemes from Ginger Ale
- Ginger Ale Complementary Color Scheme#C9A86A#E1CEAD#678BC9#3E62AD#B6C7E3
- Ginger Ale Analogous Color Scheme#C86E8B#C47967#C9A86A#B0C86F#93C96A
- Ginger Ale Triadic Color Scheme#C9A86A#6EC9A3#A76BCF#E3D3B5#3EA380
- Ginger Ale Tetradic Color Scheme#C9A86A#6CCC7B#678BC9#CF71AF#E3D3B5
- Ginger Ale Monochromatic Color Scheme#6E592C#A7843E#C9A86A#DBC8A2#F1EBDA
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Ginger Ale?
In a split-complementary scheme: Delusional Dragonfly (#66BBCC), Venus Violet (#7A6DC0), Saffron Valley (#A7843E), Midwinter Mist (#A5D4DC).
What is the hex code of Ginger Ale?
#C9A86A.