Lush Plains Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lush Plains (#22BB22), each snapped to its nearest named color.
#22BB22
#6225B8
#BB2277
#077F1B
#9955CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lush Plains | #22BB22 | 34, 187, 34 | 120°, 69%, 43% | 82, 0, 82, 27 | 69.0% 0.221 143 | |
| Rabbit-Ear Iris | #6225B8 | 98, 37, 184 | 265°, 67%, 43% | 47, 80, 0, 28 | 44.5% 0.210 295 | |
| Treasured Love | #BB2277 | 187, 34, 119 | 327°, 69%, 43% | 0, 82, 36, 27 | 53.4% 0.199 353 | |
| Poblano | #077F1B | 7, 127, 27 | 130°, 90%, 26% | 94, 0, 79, 50 | 51.9% 0.165 144 | |
| Morado Purple | #9955CC | 153, 85, 204 | 274°, 54%, 57% | 25, 58, 0, 20 | 58.2% 0.182 308 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22BB22 on #6225B8 | 3.31:1 | AA large |
| Aa #22BB22 on #BB2277 | 2.27:1 | — |
| Aa #22BB22 on #077F1B | 2.02:1 | — |
| Aa #6225B8 on #9955CC | 1.83:1 | — |
| Aa #22BB22 on #9955CC | 1.81:1 | — |
| Aa #6225B8 on #077F1B | 1.64:1 | — |
CSS variables
:root {
--color-1: #22bb22; /* Lush Plains */
--color-2: #6225b8; /* Rabbit-Ear Iris */
--color-3: #bb2277; /* Treasured Love */
--color-4: #077f1b; /* Poblano */
--color-5: #9955cc; /* Morado Purple */
}Other schemes from Lush Plains
- Lush Plains Complementary Color Scheme#22BB22#43E85F#BB22BB#751973#EE66EE
- Lush Plains Analogous Color Scheme#BABD29#63B521#22BB22#22BB66#26B7B5
- Lush Plains Triadic Color Scheme#22BB22#2425B9#BB2222#61E160#191970
- Lush Plains Tetradic Color Scheme#22BB22#2C6FBB#BB22BB#B56C23#61E160
- Lush Plains Monochromatic Color Scheme#0F380F#077F1B#22BB22#58D854#90EE90
More medium green split-complementary color schemes
- 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 Plains?
In a split-complementary scheme: Rabbit-Ear Iris (#6225B8), Treasured Love (#BB2277), Poblano (#077F1B), Morado Purple (#9955CC).
What is the hex code of Lush Plains?
#22BB22.