German Hop Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around German Hop (#89AC27), each snapped to its nearest named color.
#223311
#536B1F
#89AC27
#B7D24B
#CFE587
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Darkest Forest | #223311 | 34, 51, 17 | 90°, 50%, 13% | 33, 0, 67, 80 | |
| Bowser Shell | #536B1F | 83, 107, 31 | 79°, 55%, 27% | 22, 0, 71, 58 | |
| German Hop | #89AC27 | 137, 172, 39 | 76°, 63%, 41% | 20, 0, 77, 33 | |
| Solid Gold | #B7D24B | 183, 210, 75 | 72°, 60%, 56% | 13, 0, 64, 18 | |
| Refreshed | #CFE587 | 207, 229, 135 | 74°, 64%, 71% | 10, 0, 41, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #223311 on #CFE587 | 9.82:1 | AAA |
| Aa #223311 on #B7D24B | 7.96:1 | AAA |
| Aa #223311 on #89AC27 | 5.16:1 | AA |
| Aa #536B1F on #CFE587 | 4.36:1 | AA large |
| Aa #536B1F on #B7D24B | 3.53:1 | AA large |
| Aa #536B1F on #89AC27 | 2.29:1 | — |
CSS variables
:root {
--color-1: #223311; /* Darkest Forest */
--color-2: #536b1f; /* Bowser Shell */
--color-3: #89ac27; /* German Hop */
--color-4: #b7d24b; /* Solid Gold */
--color-5: #cfe587; /* Refreshed */
}Other schemes from German Hop
- German Hop Complementary Color Scheme#89AC27#B4DA55#4E32B2#281367#6D5ACF
- German Hop Analogous Color Scheme#A64826#AC8A2A#89AC27#44AA33#2AAA45
- German Hop Triadic Color Scheme#89AC27#2E85B1#BB2288#BBD75A#18576C
- German Hop Split-complementary Color Scheme#89AC27#214DAA#8833AA#536B1F#5170D7
- German Hop Tetradic Color Scheme#89AC27#26AD8D#4E32B2#B12845#BBD75A
More Medium Green monochromatic palettes
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
- Acid Green Monochromatic Color Scheme#376D03#66BB00#8FFE09#AAFF55#DDFFAA
- Alarming Slime Monochromatic Color Scheme#116611#15B01A#2CE335#73FA79#B8F8B8
- Alien Abduction Monochromatic Color Scheme#007700#00BB00#0CFF0C#55FF55#AAFFAA
- Alienated Monochromatic Color Scheme#003311#008833#00CC55#1EF876#76FDA8
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
- Aromatic Herbs Monochromatic Color Scheme#4B5D16#6D8E2C#98C945#B9D786#DDEDBD
- Around the Gills Monochromatic Color Scheme#4B5D31#78944A#A1B670#C1CFA9#E3EAD6
- Artichoke Monochromatic Color Scheme#3F4635#697056#8F9779#B2B9A5#D5DAD1
- Arugula Monochromatic Color Scheme#2A4F21#4C793C#75AD5B#A4C48E#C5E1C3
- Asparagus Monochromatic Color Scheme#37412A#547839#77AB56#A4C08A#C8DCBB
- Atomic Lime Monochromatic Color Scheme#556600#84B701#B9FF03#CDFA56#EEFF99
Questions
What colors go with German Hop?
In a monochromatic scheme: Darkest Forest (#223311), Bowser Shell (#536B1F), Solid Gold (#B7D24B), Refreshed (#CFE587).
What is the hex code of German Hop?
#89AC27.