Cucumber Queen Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cucumber Queen (#3C773C), each snapped to its nearest named color.
#3C773C
#553A76
#763D57
#2A4F21
#8D5EB7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cucumber Queen | #3C773C | 60, 119, 60 | 120°, 33%, 35% | 50, 0, 50, 53 | |
| Loden Purple | #553A76 | 85, 58, 118 | 267°, 34%, 35% | 28, 51, 0, 54 | |
| Mulled Plum | #763D57 | 118, 61, 87 | 333°, 32%, 35% | 0, 48, 26, 54 | |
| Chestnut Green | #2A4F21 | 42, 79, 33 | 108°, 41%, 22% | 47, 0, 58, 69 | |
| Lusty Lavender | #8D5EB7 | 141, 94, 183 | 272°, 38%, 54% | 23, 49, 0, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2A4F21 on #8D5EB7 | 1.97:1 | — |
| Aa #553A76 on #8D5EB7 | 1.96:1 | — |
| Aa #3C773C on #2A4F21 | 1.74:1 | — |
| Aa #3C773C on #553A76 | 1.73:1 | — |
| Aa #763D57 on #8D5EB7 | 1.72:1 | — |
| Aa #3C773C on #763D57 | 1.51:1 | — |
CSS variables
:root {
--color-1: #3c773c; /* Cucumber Queen */
--color-2: #553a76; /* Loden Purple */
--color-3: #763d57; /* Mulled Plum */
--color-4: #2a4f21; /* Chestnut Green */
--color-5: #8d5eb7; /* Lusty Lavender */
}Other schemes from Cucumber Queen
- Cucumber Queen Complementary Color Scheme#3C773C#63B365#6E3974#442244#A66FB5
- Cucumber Queen Analogous Color Scheme#7C7A3A#547839#3C773C#3B7A5F#3C797D
- Cucumber Queen Triadic Color Scheme#3C773C#3F3F75#783B3C#63B365#222244
- Cucumber Queen Tetradic Color Scheme#3C773C#3A5779#6E3974#75583D#63B365
- Cucumber Queen Monochromatic Color Scheme#0F180A#2A4F21#3C773C#55AA55#82C785
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 Cucumber Queen?
In a split-complementary scheme: Loden Purple (#553A76), Mulled Plum (#763D57), Chestnut Green (#2A4F21), Lusty Lavender (#8D5EB7).
What is the hex code of Cucumber Queen?
#3C773C.