Midnight Edition Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Edition (#0C121B), each snapped to its nearest named color.
#0C121B
#1A1110
#1F180A
#0B0C14
#4F2923
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Scandinavian Liquorice | #1A1110 | 26, 17, 16 | 6°, 24%, 8% | 0, 35, 38, 90 | |
| Noir Mystique | #1F180A | 31, 24, 10 | 40°, 51%, 8% | 0, 23, 68, 88 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Bitter Chocolate | #4F2923 | 79, 41, 35 | 8°, 39%, 22% | 0, 48, 56, 69 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #4F2923 | 1.55:1 | — |
| Aa #0C121B on #4F2923 | 1.50:1 | — |
| Aa #1A1110 on #4F2923 | 1.48:1 | — |
| Aa #1F180A on #4F2923 | 1.40:1 | — |
| Aa #1F180A on #0B0C14 | 1.11:1 | — |
| Aa #0C121B on #1F180A | 1.07:1 | — |
CSS variables
:root {
--color-1: #0c121b; /* Midnight Edition */
--color-2: #1a1110; /* Scandinavian Liquorice */
--color-3: #1f180a; /* Noir Mystique */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #4f2923; /* Bitter Chocolate */
}Other schemes from Midnight Edition
- Midnight Edition Complementary Color Scheme#0C121B#273C5A#1B150D#16110D#664A2D
- Midnight Edition Analogous Color Scheme#0E191C#0E191C#0C121B#0B0F1A#1D0D1D
- Midnight Edition Triadic Color Scheme#0C121B#1A1110#0F180A#2C4364#150811
- Midnight Edition Tetradic Color Scheme#0C121B#1D0D1D#1B150D#0F180A#2C4364
- Midnight Edition Monochromatic Color Scheme#0B0C14#0B0C14#0C121B#28314D#365787
More Very Dark Blue split-complementary palettes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- Azulado Split-complementary Color Scheme#211D49#4E3E1F#2F441F#080813#886037
- Beyond the Stars Split-complementary Color Scheme#0A3251#551111#544E03#0B0F1A#9B111E
- Black Pearl Split-complementary Color Scheme#1E272C#351E1C#2F2E1F#0F1012#5F383C
- Black Velvet Split-complementary Color Scheme#222233#342C21#2E3222#0B0C14#61513D
- Blue Whale Split-complementary Color Scheme#1E3442#4C1C24#4E3E1F#0F1012#73383C
- Cinder Split-complementary Color Scheme#242A2E#3B1F23#2F2E1F#0F1012#653A3D
- Corbeau Split-complementary Color Scheme#111122#231712#172713#0B0C14#55422B
- Dark Split-complementary Color Scheme#1B2431#351E1C#2F2E1F#0B0C14#613936
- Dark Eclipse Split-complementary Color Scheme#112244#471C0F#304112#060B14#803020
- Dark Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
Questions
What colors go with Midnight Edition?
In a split-complementary scheme: Scandinavian Liquorice (#1A1110), Noir Mystique (#1F180A), Midnight Oil (#0B0C14), Bitter Chocolate (#4F2923).
What is the hex code of Midnight Edition?
#0C121B.