Cucumber Queen Tetradic Color Scheme
Five colors arranged by the tetradic rule around Cucumber Queen (#3C773C), each snapped to its nearest named color.
#3C773C
#3A5779
#6E3974
#75583D
#63B365
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cucumber Queen | #3C773C | 60, 119, 60 | 120°, 33%, 35% | 50, 0, 50, 53 | |
| Star Spangled | #3A5779 | 58, 87, 121 | 212°, 35%, 35% | 52, 28, 0, 53 | |
| Eminence | #6E3974 | 110, 57, 116 | 294°, 34%, 34% | 5, 51, 0, 55 | |
| Moroccan Blunt | #75583D | 117, 88, 61 | 29°, 31%, 35% | 0, 25, 48, 54 | |
| Boring Green | #63B365 | 99, 179, 101 | 122°, 34%, 55% | 45, 0, 44, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6E3974 on #63B365 | 3.27:1 | AA large |
| Aa #3A5779 on #63B365 | 2.90:1 | — |
| Aa #75583D on #63B365 | 2.54:1 | — |
| Aa #3C773C on #63B365 | 2.10:1 | — |
| Aa #3C773C on #6E3974 | 1.56:1 | — |
| Aa #3C773C on #3A5779 | 1.38:1 | — |
CSS variables
:root {
--color-1: #3c773c; /* Cucumber Queen */
--color-2: #3a5779; /* Star Spangled */
--color-3: #6e3974; /* Eminence */
--color-4: #75583d; /* Moroccan Blunt */
--color-5: #63b365; /* Boring Green */
}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 Split-complementary Color Scheme#3C773C#553A76#763D57#2A4F21#8D5EB7
- Cucumber Queen Monochromatic Color Scheme#0F180A#2A4F21#3C773C#55AA55#82C785
More Dark Green tetradic palettes
- Always Greener Grass Tetradic Color Scheme#11AA00#0065AC#9900AA#AA4400#33FF11
- Amazon Tetradic Color Scheme#387B54#363E7D#753A58#767437#61BA85
- Asian Spice Tetradic Color Scheme#118822#063C89#881177#885818#16F12D
- Asparagus Sultan Tetradic Color Scheme#6A8E22#20887A#442288#92242E#ACD243
- Autumn Crocodile Tetradic Color Scheme#447744#475F77#784674#7A5D46#78AD6D
- Avocado Tetradic Color Scheme#568203#00846D#380282#840014#9BE510
- Bejewelled Tetradic Color Scheme#25A26F#3D34A5#A22452#9AA22B#5ACAA4
- Bergamot Tetradic Color Scheme#95C703#00CC99#3300CC#C40233#C8FD3D
- Beyond the Pines Tetradic Color Scheme#688049#43817A#644982#80474E#9EB37B
- Bimi Green Tetradic Color Scheme#54682B#29685F#3E3267#6A2E36#94B44C
- Bold Irish Tetradic Color Scheme#2A814D#283482#872657#81762B#50C87C
- Botanical Tetradic Color Scheme#4D6E2F#316C69#522A6F#6C322E#7EBA4D
Questions
What colors go with Cucumber Queen?
In a tetradic scheme: Star Spangled (#3A5779), Eminence (#6E3974), Moroccan Blunt (#75583D), Boring Green (#63B365).
What is the hex code of Cucumber Queen?
#3C773C.