Crispy Crunch Complementary Color Scheme
Five colors arranged by the complementary rule around Crispy Crunch (#7A8F68), each snapped to its nearest named color.
#7A8F68
#A8BF93
#7B5D92
#57446A
#B598C3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crispy Crunch | #7A8F68 | 122, 143, 104 | 92°, 16%, 48% | 15, 0, 27, 44 | |
| Japanese Horseradish | #A8BF93 | 168, 191, 147 | 91°, 26%, 66% | 12, 0, 23, 25 | |
| Ghostly Purple | #7B5D92 | 123, 93, 146 | 274°, 22%, 47% | 16, 36, 0, 43 | |
| Haunted Candelabra | #57446A | 87, 68, 106 | 270°, 22%, 34% | 18, 36, 0, 58 | |
| Atlantic Tulip | #B598C3 | 181, 152, 195 | 280°, 26%, 68% | 7, 22, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A8BF93 on #57446A | 4.32:1 | AA large |
| Aa #57446A on #B598C3 | 3.38:1 | AA large |
| Aa #A8BF93 on #7B5D92 | 2.76:1 | — |
| Aa #7A8F68 on #57446A | 2.44:1 | — |
| Aa #7B5D92 on #B598C3 | 2.16:1 | — |
| Aa #7A8F68 on #A8BF93 | 1.77:1 | — |
CSS variables
:root {
--color-1: #7a8f68; /* Crispy Crunch */
--color-2: #a8bf93; /* Japanese Horseradish */
--color-3: #7b5d92; /* Ghostly Purple */
--color-4: #57446a; /* Haunted Candelabra */
--color-5: #b598c3; /* Atlantic Tulip */
}Other schemes from Crispy Crunch
- Crispy Crunch Analogous Color Scheme#9C7C5B#9A9959#7A8F68#5C9F59#5E9D7B
- Crispy Crunch Triadic Color Scheme#7A8F68#5A789A#9D5C75#AAC69A#44556B
- Crispy Crunch Split-complementary Color Scheme#7A8F68#5E5896#9F5F9F#546940#908ABA
- Crispy Crunch Tetradic Color Scheme#7A8F68#5F9B9C#7B5D92#905D5D#AAC69A
- Crispy Crunch Monochromatic Color Scheme#2C3227#52634B#7A8F68#A7B191#C4D1BF
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Crispy Crunch?
In a complementary scheme: Japanese Horseradish (#A8BF93), Ghostly Purple (#7B5D92), Haunted Candelabra (#57446A), Atlantic Tulip (#B598C3).
What is the hex code of Crispy Crunch?
#7A8F68.