Midnight Pines Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Pines (#17240B), each snapped to its nearest named color.
#17240B
#050D25
#221122
#0F180A
#1C1E4D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Pines | #17240B | 23, 36, 11 | 91°, 53%, 9% | 36, 0, 69, 86 | |
| Void | #050D25 | 5, 13, 37 | 225°, 76%, 8% | 86, 65, 0, 85 | |
| Inside | #221122 | 34, 17, 34 | 300°, 33%, 10% | 0, 50, 0, 87 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Fly-by-Night | #1C1E4D | 28, 30, 77 | 238°, 47%, 21% | 64, 61, 0, 70 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #050D25 on #1C1E4D | 1.23:1 | — |
| Aa #17240B on #050D25 | 1.19:1 | — |
| Aa #0F180A on #1C1E4D | 1.16:1 | — |
| Aa #221122 on #1C1E4D | 1.15:1 | — |
| Aa #17240B on #0F180A | 1.12:1 | — |
| Aa #17240B on #221122 | 1.10:1 | — |
CSS variables
:root {
--color-1: #17240b; /* Midnight Pines */
--color-2: #050d25; /* Void */
--color-3: #221122; /* Inside */
--color-4: #0f180a; /* Pinch of Pepper */
--color-5: #1c1e4d; /* Fly-by-Night */
}Other schemes from Midnight Pines
- Midnight Pines Complementary Color Scheme#17240B#526525#111122#090615#522A6F
- Midnight Pines Analogous Color Scheme#251706#222211#17240B#112211#12221D
- Midnight Pines Triadic Color Scheme#17240B#041723#221111#50702D#0B0F1A
- Midnight Pines Tetradic Color Scheme#17240B#112222#111122#241005#50702D
- Midnight Pines Monochromatic Color Scheme#0F180A#0F180A#17240B#35530A#629A31
More Very Dark Green split-complementary palettes
- 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 Midnight Pines?
In a split-complementary scheme: Void (#050D25), Inside (#221122), Pinch of Pepper (#0F180A), Fly-by-Night (#1C1E4D).
What is the hex code of Midnight Pines?
#17240B.