Haunted Hills Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Haunted Hills (#003311), each snapped to its nearest named color.
#003311
#2A0033
#330404
#031602
#660088
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Haunted Hills | #003311 | 0, 51, 17 | 140°, 100%, 10% | 100, 0, 67, 80 | 28.0% 0.079 149 | |
| Porphyrophobia | #2A0033 | 42, 0, 51 | 289°, 100%, 10% | 18, 100, 0, 80 | 20.8% 0.100 320 | |
| 3AM Breakup | #330404 | 51, 4, 4 | 0°, 85%, 11% | 0, 92, 92, 80 | 20.9% 0.075 27 | |
| Oil Slick | #031602 | 3, 22, 2 | 117°, 83%, 5% | 86, 0, 91, 91 | 17.7% 0.051 142 | |
| Peaceful Purple | #660088 | 102, 0, 136 | 285°, 100%, 27% | 25, 100, 0, 47 | 38.4% 0.191 314 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #031602 on #660088 | 1.72:1 | — |
| Aa #2A0033 on #660088 | 1.68:1 | — |
| Aa #330404 on #660088 | 1.66:1 | — |
| Aa #003311 on #031602 | 1.32:1 | — |
| Aa #003311 on #660088 | 1.30:1 | — |
| Aa #003311 on #2A0033 | 1.29:1 | — |
CSS variables
:root {
--color-1: #003311; /* Haunted Hills */
--color-2: #2a0033; /* Porphyrophobia */
--color-3: #330404; /* 3AM Breakup */
--color-4: #031602; /* Oil Slick */
--color-5: #660088; /* Peaceful Purple */
}Other schemes from Haunted Hills
- Haunted Hills Complementary Color Scheme#003311#059033#330022#180614#990066
- Haunted Hills Analogous Color Scheme#223300#033500#003311#003527#002233
- Haunted Hills Triadic Color Scheme#003311#110033#331100#009933#0B0119
- Haunted Hills Tetradic Color Scheme#003311#000435#330022#372A05#009933
- Haunted Hills Monochromatic Color Scheme#031602#031602#003311#008833#11CC44
More very dark green split-complementary color schemes
- British Racing Green Split-complementary Color Scheme#05480D#330044#560319#031602#5E0092
- Cucumber Split-complementary Color Scheme#006400#330066#66023C#031602#5500AA
- Dark Serpent Split-complementary Color Scheme#113311#221133#3C1421#0F180A#442266
- Darkest Forest Split-complementary Color Scheme#223311#111133#331133#0F180A#24246D
- Deep Forestial Escapade Split-complementary Color Scheme#335500#00035B#550055#0F180A#0014A8
- Deep Green Split-complementary Color Scheme#02590F#340059#550022#031602#6611AA
- Deep Pond Split-complementary Color Scheme#014420#440044#430005#0F180A#8B008B
- Donegal Green Split-complementary Color Scheme#115500#110055#5C0536#031602#3300AA
- Duck Hunt Split-complementary Color Scheme#005800#330055#550022#031602#5500AA
- Ficus Elastica Split-complementary Color Scheme#006131#660066#600000#0F180A#AA00AA
- Forest Split-complementary Color Scheme#0B5509#331155#5C0536#031602#551199
- Forestry Split-complementary Color Scheme#2F441F#211D49#531745#0F180A#323477
Questions
What colors go with Haunted Hills?
In a split-complementary scheme: Porphyrophobia (#2A0033), 3AM Breakup (#330404), Oil Slick (#031602), Peaceful Purple (#660088).
What is the hex code of Haunted Hills?
#003311.