Avocado Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Avocado (#568203), each snapped to its nearest named color.
#568203
#001188
#660088
#223300
#0022CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Avocado | #568203 | 86, 130, 3 | 81°, 95%, 26% | 34, 0, 98, 49 | |
| Snowstorm Space Shuttle | #001188 | 0, 17, 136 | 233°, 100%, 27% | 100, 88, 0, 47 | |
| Peaceful Purple | #660088 | 102, 0, 136 | 285°, 100%, 27% | 25, 100, 0, 47 | |
| Blind Forest | #223300 | 34, 51, 0 | 80°, 100%, 10% | 33, 0, 100, 80 | |
| Arcade Glow | #0022CC | 0, 34, 204 | 230°, 100%, 40% | 100, 83, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #568203 on #001188 | 3.20:1 | AA large |
| Aa #568203 on #223300 | 2.98:1 | — |
| Aa #568203 on #660088 | 2.39:1 | — |
| Aa #568203 on #0022CC | 2.18:1 | — |
| Aa #001188 on #0022CC | 1.46:1 | — |
| Aa #223300 on #0022CC | 1.36:1 | — |
CSS variables
:root {
--color-1: #568203; /* Avocado */
--color-2: #001188; /* Snowstorm Space Shuttle */
--color-3: #660088; /* Peaceful Purple */
--color-4: #223300; /* Blind Forest */
--color-5: #0022cc; /* Arcade Glow */
}Other schemes from Avocado
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Avocado Analogous Color Scheme#883300#886806#568203#118800#008833
- Avocado Triadic Color Scheme#568203#015482#8C055E#9BE510#02273A
- Avocado Tetradic Color Scheme#568203#00846D#380282#840014#9BE510
- Avocado Monochromatic Color Scheme#0F180A#223300#568203#89CE01#ADFF2F
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
- 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
- Botanical Garden Split-complementary Color Scheme#44AA11#3311AA#AA1188#226600#4411EE
Questions
What colors go with Avocado?
In a split-complementary scheme: Snowstorm Space Shuttle (#001188), Peaceful Purple (#660088), Blind Forest (#223300), Arcade Glow (#0022CC).
What is the hex code of Avocado?
#568203.