Midnight Mirage Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Mirage (#001F3F), each snapped to its nearest named color.
#001F3F
#3E0007
#373E02
#01081C
#8B0000
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Mirage | #001F3F | 0, 31, 63 | 210°, 100%, 12% | 100, 51, 0, 75 | |
| Charred Brown | #3E0007 | 62, 0, 7 | 353°, 100%, 12% | 0, 100, 89, 76 | |
| Dark Olive | #373E02 | 55, 62, 2 | 67°, 94%, 13% | 11, 0, 97, 76 | |
| Melanophobia | #01081C | 1, 8, 28 | 224°, 93%, 6% | 96, 71, 0, 89 | |
| Scab Red | #8B0000 | 139, 0, 0 | 0°, 100%, 27% | 0, 100, 100, 45 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #01081C on #8B0000 | 1.99:1 | — |
| Aa #373E02 on #01081C | 1.76:1 | — |
| Aa #3E0007 on #8B0000 | 1.74:1 | — |
| Aa #001F3F on #8B0000 | 1.65:1 | — |
| Aa #3E0007 on #373E02 | 1.53:1 | — |
| Aa #001F3F on #373E02 | 1.46:1 | — |
CSS variables
:root {
--color-1: #001f3f; /* Midnight Mirage */
--color-2: #3e0007; /* Charred Brown */
--color-3: #373e02; /* Dark Olive */
--color-4: #01081c; /* Melanophobia */
--color-5: #8b0000; /* Scab Red */
}Other schemes from Midnight Mirage
- Midnight Mirage Complementary Color Scheme#001F3F#004F98#3D2004#1C1208#A75502
- Midnight Mirage Analogous Color Scheme#003723#003839#001F3F#020035#280137
- Midnight Mirage Triadic Color Scheme#001F3F#330018#133700#0056A8#180614
- Midnight Mirage Tetradic Color Scheme#001F3F#36013F#3D2004#033500#0056A8
- Midnight Mirage Monochromatic Color Scheme#01081C#01081C#001F3F#02478E#0066DD
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 Mirage?
In a split-complementary scheme: Charred Brown (#3E0007), Dark Olive (#373E02), Melanophobia (#01081C), Scab Red (#8B0000).
What is the hex code of Midnight Mirage?
#001F3F.