Lush Grass Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lush Grass (#468D45), each snapped to its nearest named color.
#468D45
#664488
#8C4268
#2B5D34
#8469BC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lush Grass | #468D45 | 70, 141, 69 | 119°, 34%, 41% | 50, 0, 51, 45 | |
| Lords of the Night | #664488 | 102, 68, 136 | 270°, 33%, 40% | 25, 50, 0, 47 | |
| Bonbon Red | #8C4268 | 140, 66, 104 | 329°, 36%, 40% | 0, 53, 26, 45 | |
| Pine | #2B5D34 | 43, 93, 52 | 131°, 37%, 27% | 54, 0, 44, 64 | |
| Lavish Spending | #8469BC | 132, 105, 188 | 260°, 38%, 57% | 30, 44, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #468D45 on #2B5D34 | 1.90:1 | — |
| Aa #468D45 on #664488 | 1.88:1 | — |
| Aa #2B5D34 on #8469BC | 1.74:1 | — |
| Aa #664488 on #8469BC | 1.72:1 | — |
| Aa #468D45 on #8C4268 | 1.67:1 | — |
| Aa #8C4268 on #8469BC | 1.53:1 | — |
CSS variables
:root {
--color-1: #468d45; /* Lush Grass */
--color-2: #664488; /* Lords of the Night */
--color-3: #8c4268; /* Bonbon Red */
--color-4: #2b5d34; /* Pine */
--color-5: #8469bc; /* Lavish Spending */
}Other schemes from Lush Grass
- Lush Grass Complementary Color Scheme#468D45#72B874#884488#55295B#BA7AB3
- Lush Grass Analogous Color Scheme#8E8E41#688C43#468D45#419168#408F90
- Lush Grass Triadic Color Scheme#468D45#44448D#8A4646#77B87C#2C2C57
- Lush Grass Tetradic Color Scheme#468D45#446A8D#884488#8B6945#77B87C
- Lush Grass Monochromatic Color Scheme#172713#2B5D34#468D45#63B76C#9CCE9E
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Lush Grass?
In a split-complementary scheme: Lords of the Night (#664488), Bonbon Red (#8C4268), Pine (#2B5D34), Lavish Spending (#8469BC).
What is the hex code of Lush Grass?
#468D45.