Forest Serenade Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Forest Serenade (#336644), each snapped to its nearest named color.
#336644
#5B3167
#66303C
#183425
#8F509D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Forest Serenade | #336644 | 51, 102, 68 | 140°, 33%, 30% | 50, 0, 33, 60 | |
| Imperial Purple | #5B3167 | 91, 49, 103 | 287°, 36%, 30% | 12, 52, 0, 60 | |
| Power Tie | #66303C | 102, 48, 60 | 347°, 36%, 29% | 0, 53, 41, 60 | |
| Pumpkin Green Black | #183425 | 24, 52, 37 | 148°, 37%, 15% | 54, 0, 29, 80 | |
| Vicious Violet | #8F509D | 143, 80, 157 | 289°, 32%, 46% | 9, 49, 0, 38 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #183425 on #8F509D | 2.44:1 | — |
| Aa #336644 on #183425 | 2.01:1 | — |
| Aa #66303C on #8F509D | 1.85:1 | — |
| Aa #5B3167 on #8F509D | 1.83:1 | — |
| Aa #336644 on #66303C | 1.52:1 | — |
| Aa #336644 on #5B3167 | 1.50:1 | — |
CSS variables
:root {
--color-1: #336644; /* Forest Serenade */
--color-2: #5b3167; /* Imperial Purple */
--color-3: #66303c; /* Power Tie */
--color-4: #183425; /* Pumpkin Green Black */
--color-5: #8f509d; /* Vicious Violet */
}Other schemes from Forest Serenade
- Forest Serenade Complementary Color Scheme#336644#50A074#633654#391531#AD548F
- Forest Serenade Analogous Color Scheme#536437#3E6334#336644#2B655F#2E5467
- Forest Serenade Triadic Color Scheme#336644#4D3466#634333#4FAA6C#221133
- Forest Serenade Tetradic Color Scheme#336644#353E64#633654#655F2D#4FAA6C
- Forest Serenade Monochromatic Color Scheme#0F0F0F#183425#336644#539B6A#75B790
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 Forest Serenade?
In a split-complementary scheme: Imperial Purple (#5B3167), Power Tie (#66303C), Pumpkin Green Black (#183425), Vicious Violet (#8F509D).
What is the hex code of Forest Serenade?
#336644.