Vegetarian Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vegetarian (#22AA00), each snapped to its nearest named color.
#22AA00
#3300AA
#AA0077
#195905
#4400EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vegetarian | #22AA00 | 34, 170, 0 | 108°, 100%, 33% | 80, 0, 100, 33 | |
| Sea Grape | #3300AA | 51, 0, 170 | 258°, 100%, 33% | 70, 100, 0, 33 | |
| Katy Berry | #AA0077 | 170, 0, 119 | 318°, 100%, 33% | 0, 100, 30, 33 | |
| Lincoln Green | #195905 | 25, 89, 5 | 106°, 89%, 18% | 72, 0, 94, 65 | |
| Poseidon’s Territory | #4400EE | 68, 0, 238 | 257°, 100%, 47% | 71, 100, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22AA00 on #3300AA | 3.96:1 | AA large |
| Aa #22AA00 on #195905 | 2.76:1 | — |
| Aa #22AA00 on #4400EE | 2.75:1 | — |
| Aa #22AA00 on #AA0077 | 2.29:1 | — |
| Aa #3300AA on #AA0077 | 1.73:1 | — |
| Aa #3300AA on #4400EE | 1.44:1 | — |
CSS variables
:root {
--color-1: #22aa00; /* Vegetarian */
--color-2: #3300aa; /* Sea Grape */
--color-3: #aa0077; /* Katy Berry */
--color-4: #195905; /* Lincoln Green */
--color-5: #4400ee; /* Poseidon’s Territory */
}Other schemes from Vegetarian
- Vegetarian Complementary Color Scheme#22AA00#33FF00#8601AF#480656#CC11FF
- Vegetarian Analogous Color Scheme#A88905#77AA00#22AA00#00AA33#00A78B
- Vegetarian Triadic Color Scheme#22AA00#0022AA#AA0022#40FD14#001155
- Vegetarian Tetradic Color Scheme#22AA00#0077AA#8601AF#A93400#40FD14
- Vegetarian Monochromatic Color Scheme#031602#195905#22AA00#35FA00#66FF55
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Vegetarian?
In a split-complementary scheme: Sea Grape (#3300AA), Katy Berry (#AA0077), Lincoln Green (#195905), Poseidon’s Territory (#4400EE).
What is the hex code of Vegetarian?
#22AA00.