Melancholia Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Melancholia (#12390D), each snapped to its nearest named color.
#12390D
#1C0F33
#3C1421
#031602
#3A1F76
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Melancholia | #12390D | 18, 57, 13 | 113°, 63%, 14% | 68, 0, 77, 78 | 30.6% 0.083 141 | |
| Midnight Monarch | #1C0F33 | 28, 15, 51 | 262°, 55%, 13% | 45, 71, 0, 80 | 20.9% 0.068 297 | |
| Chocolate Kiss | #3C1421 | 60, 20, 33 | 341°, 50%, 16% | 0, 67, 45, 76 | 25.9% 0.065 2 | |
| Oil Slick | #031602 | 3, 22, 2 | 117°, 83%, 5% | 86, 0, 91, 91 | 17.7% 0.051 142 | |
| Explorer of the Galaxies | #3A1F76 | 58, 31, 118 | 259°, 58%, 29% | 51, 74, 0, 54 | 33.2% 0.139 291 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #031602 on #3A1F76 | 1.46:1 | — |
| Aa #12390D on #031602 | 1.44:1 | — |
| Aa #1C0F33 on #3A1F76 | 1.40:1 | — |
| Aa #12390D on #1C0F33 | 1.39:1 | — |
| Aa #3C1421 on #3A1F76 | 1.25:1 | — |
| Aa #12390D on #3C1421 | 1.23:1 | — |
CSS variables
:root {
--color-1: #12390d; /* Melancholia */
--color-2: #1c0f33; /* Midnight Monarch */
--color-3: #3c1421; /* Chocolate Kiss */
--color-4: #031602; /* Oil Slick */
--color-5: #3a1f76; /* Explorer of the Galaxies */
}Other schemes from Melancholia
- Melancholia Complementary Color Scheme#12390D#328E13#331133#180614#802280
- Melancholia Analogous Color Scheme#36310D#223311#12390D#0D2E1C#113333
- Melancholia Triadic Color Scheme#12390D#0F1039#331111#2B8725#01081C
- Melancholia Tetradic Color Scheme#12390D#0A2538#331133#361D0A#2B8725
- Melancholia Monochromatic Color Scheme#031602#031602#12390D#2B7414#34B334
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 Melancholia?
In a split-complementary scheme: Midnight Monarch (#1C0F33), Chocolate Kiss (#3C1421), Oil Slick (#031602), Explorer of the Galaxies (#3A1F76).
What is the hex code of Melancholia?
#12390D.