Cucumber Queen Complementary Color Scheme
Five colors arranged by the complementary rule around Cucumber Queen (#3C773C), each snapped to its nearest named color.
#3C773C
#63B365
#6E3974
#442244
#A66FB5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cucumber Queen | #3C773C | 60, 119, 60 | 120°, 33%, 35% | 50, 0, 50, 53 | |
| Boring Green | #63B365 | 99, 179, 101 | 122°, 34%, 55% | 45, 0, 44, 30 | |
| Eminence | #6E3974 | 110, 57, 116 | 294°, 34%, 34% | 5, 51, 0, 55 | |
| Purple Void | #442244 | 68, 34, 68 | 300°, 33%, 20% | 0, 50, 0, 73 | |
| Soft Purple | #A66FB5 | 166, 111, 181 | 287°, 32%, 57% | 8, 39, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #63B365 on #442244 | 5.24:1 | AA |
| Aa #442244 on #A66FB5 | 3.57:1 | AA large |
| Aa #63B365 on #6E3974 | 3.27:1 | AA large |
| Aa #3C773C on #442244 | 2.50:1 | — |
| Aa #6E3974 on #A66FB5 | 2.22:1 | — |
| Aa #3C773C on #63B365 | 2.10:1 | — |
CSS variables
:root {
--color-1: #3c773c; /* Cucumber Queen */
--color-2: #63b365; /* Boring Green */
--color-3: #6e3974; /* Eminence */
--color-4: #442244; /* Purple Void */
--color-5: #a66fb5; /* Soft Purple */
}Other schemes from Cucumber Queen
- Cucumber Queen Analogous Color Scheme#7C7A3A#547839#3C773C#3B7A5F#3C797D
- Cucumber Queen Triadic Color Scheme#3C773C#3F3F75#783B3C#63B365#222244
- Cucumber Queen Split-complementary Color Scheme#3C773C#553A76#763D57#2A4F21#8D5EB7
- Cucumber Queen Tetradic Color Scheme#3C773C#3A5779#6E3974#75583D#63B365
- Cucumber Queen Monochromatic Color Scheme#0F180A#2A4F21#3C773C#55AA55#82C785
More Dark Green complementary palettes
- Always Greener Grass Complementary Color Scheme#11AA00#21FC0D#9900AA#550055#FF11FF
- Amazon Complementary Color Scheme#387B54#59B587#753A58#442238#B7629B
- Asian Spice Complementary Color Scheme#118822#13DA25#881177#4C022F#FF1DCD
- Asparagus Sultan Complementary Color Scheme#6A8E22#9CD03B#442288#221155#7249D6
- Autumn Crocodile Complementary Color Scheme#447744#72A86A#784674#462343#AF73B0
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Bejewelled Complementary Color Scheme#25A26F#5CCD97#A22452#6F123C#CC5588
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Beyond the Pines Complementary Color Scheme#688049#99AF73#644982#3C2F4E#967BB6
- Bimi Green Complementary Color Scheme#54682B#8CA94A#3E3267#1C0F33#654EA3
- Bold Irish Complementary Color Scheme#2A814D#41C379#872657#43182F#C44D97
- Botanical Complementary Color Scheme#4D6E2F#78AE48#522A6F#2E183B#8547B5
Questions
What colors go with Cucumber Queen?
In a complementary scheme: Boring Green (#63B365), Eminence (#6E3974), Purple Void (#442244), Soft Purple (#A66FB5).
What is the hex code of Cucumber Queen?
#3C773C.