Garlic Toast Complementary Color Scheme
Five colors arranged by the complementary rule around Garlic Toast (#DDDD88), each snapped to its nearest named color.
#DDDD88
#F0F1CE
#8A83DA
#4455CC
#D9D9F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Garlic Toast | #DDDD88 | 221, 221, 136 | 60°, 56%, 70% | 0, 0, 38, 13 | |
| Menoth White Highlight | #F0F1CE | 240, 241, 206 | 62°, 56%, 88% | 0, 0, 15, 5 | |
| Indigo Bloom | #8A83DA | 138, 131, 218 | 245°, 54%, 68% | 37, 40, 0, 15 | |
| Gorgonzola Blue | #4455CC | 68, 85, 204 | 233°, 57%, 53% | 67, 58, 0, 20 | |
| Quartz | #D9D9F3 | 217, 217, 243 | 240°, 52%, 90% | 11, 11, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F1CE on #4455CC | 5.32:1 | AA |
| Aa #4455CC on #D9D9F3 | 4.44:1 | AA large |
| Aa #DDDD88 on #4455CC | 4.32:1 | AA large |
| Aa #F0F1CE on #8A83DA | 2.87:1 | — |
| Aa #8A83DA on #D9D9F3 | 2.39:1 | — |
| Aa #DDDD88 on #8A83DA | 2.33:1 | — |
CSS variables
:root {
--color-1: #dddd88; /* Garlic Toast */
--color-2: #f0f1ce; /* Menoth White Highlight */
--color-3: #8a83da; /* Indigo Bloom */
--color-4: #4455cc; /* Gorgonzola Blue */
--color-5: #d9d9f3; /* Quartz */
}Other schemes from Garlic Toast
- Garlic Toast Analogous Color Scheme#DD8888#DBB486#DDDD88#BCDF8A#98D98E
- Garlic Toast Triadic Color Scheme#DDDD88#88DDDD#CC88DD#F6F5D7#4BC7CF
- Garlic Toast Split-complementary Color Scheme#DDDD88#84ADDB#AA8ED6#C9CC4A#C4D9EF
- Garlic Toast Tetradic Color Scheme#DDDD88#88DDBB#8A83DA#DD8CB5#F6F5D7
- Garlic Toast Monochromatic Color Scheme#9C932F#C9CC4A#DDDD88#EDEEC5#FAF9EA
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Garlic Toast?
In a complementary scheme: Menoth White Highlight (#F0F1CE), Indigo Bloom (#8A83DA), Gorgonzola Blue (#4455CC), Quartz (#D9D9F3).
What is the hex code of Garlic Toast?
#DDDD88.