Midnight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight (#03012D), each snapped to its nearest named color.
#03012D
#2D1403
#113300
#01081C
#774400
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight | #03012D | 3, 1, 45 | 243°, 96%, 9% | 93, 98, 0, 82 | |
| Shadow Play | #2D1403 | 45, 20, 3 | 24°, 88%, 9% | 0, 56, 93, 82 | |
| Witch Wart | #113300 | 17, 51, 0 | 100°, 100%, 10% | 67, 0, 100, 80 | |
| Melanophobia | #01081C | 1, 8, 28 | 224°, 93%, 6% | 96, 71, 0, 89 | |
| Dusky Brown | #774400 | 119, 68, 0 | 34°, 100%, 23% | 0, 43, 100, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #03012D on #774400 | 2.50:1 | — |
| Aa #01081C on #774400 | 2.48:1 | — |
| Aa #2D1403 on #774400 | 2.15:1 | — |
| Aa #113300 on #774400 | 1.74:1 | — |
| Aa #03012D on #113300 | 1.43:1 | — |
| Aa #113300 on #01081C | 1.42:1 | — |
CSS variables
:root {
--color-1: #03012d; /* Midnight */
--color-2: #2d1403; /* Shadow Play */
--color-3: #113300; /* Witch Wart */
--color-4: #01081c; /* Melanophobia */
--color-5: #774400; /* Dusky Brown */
}Other schemes from Midnight
- Midnight Complementary Color Scheme#03012D#000088#333300#1F180A#929000
- Midnight Analogous Color Scheme#012731#041330#03012D#110033#2E0329
- Midnight Triadic Color Scheme#03012D#2E0303#002D04#120A8F#1D0200
- Midnight Tetradic Color Scheme#03012D#300018#333300#002F0F#120A8F
- Midnight Monochromatic Color Scheme#01081C#01081C#03012D#040273#1100CC
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?
In a split-complementary scheme: Shadow Play (#2D1403), Witch Wart (#113300), Melanophobia (#01081C), Dusky Brown (#774400).
What is the hex code of Midnight?
#03012D.