Ghoul Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ghoul (#667744), each snapped to its nearest named color.
#667744
#4C4D78
#68457A
#3E4826
#636CA8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ghoul | #667744 | 102, 119, 68 | 80°, 27%, 37% | 14, 0, 43, 53 | |
| Skipper Blue | #4C4D78 | 76, 77, 120 | 239°, 22%, 38% | 37, 36, 0, 53 | |
| Palace Purple | #68457A | 104, 69, 122 | 280°, 28%, 37% | 15, 43, 0, 52 | |
| Avocado Dark Green | #3E4826 | 62, 72, 38 | 78°, 31%, 22% | 14, 0, 47, 72 | |
| Twinkle Night | #636CA8 | 99, 108, 168 | 232°, 28%, 52% | 41, 36, 0, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #667744 on #3E4826 | 1.99:1 | — |
| Aa #3E4826 on #636CA8 | 1.96:1 | — |
| Aa #667744 on #4C4D78 | 1.62:1 | — |
| Aa #4C4D78 on #636CA8 | 1.61:1 | — |
| Aa #667744 on #68457A | 1.58:1 | — |
| Aa #68457A on #636CA8 | 1.56:1 | — |
CSS variables
:root {
--color-1: #667744; /* Ghoul */
--color-2: #4c4d78; /* Skipper Blue */
--color-3: #68457a; /* Palace Purple */
--color-4: #3e4826; /* Avocado Dark Green */
--color-5: #636ca8; /* Twinkle Night */
}Other schemes from Ghoul
- Ghoul Complementary Color Scheme#667744#98A76E#564375#2E2848#8774B0
- Ghoul Analogous Color Scheme#7A5544#756D44#667744#4F7942#407A52
- Ghoul Triadic Color Scheme#667744#426579#784467#99AF73#283C44
- Ghoul Tetradic Color Scheme#667744#4A766E#564375#77454C#99AF73
- Ghoul Monochromatic Color Scheme#16160E#3E4826#667744#92A360#AFC195
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 Ghoul?
In a split-complementary scheme: Skipper Blue (#4C4D78), Palace Purple (#68457A), Avocado Dark Green (#3E4826), Twinkle Night (#636CA8).
What is the hex code of Ghoul?
#667744.