Midnight Oil Triadic Color Scheme
Five colors arranged by the triadic rule around Midnight Oil (#0B0C14), each snapped to its nearest named color.
#0B0C14
#130D0D
#0F180A
#333355
#130D0D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Haunted Dreams | #333355 | 51, 51, 85 | 240°, 25%, 27% | 40, 40, 0, 67 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #333355 | 1.62:1 | — |
| Aa #130D0D on #333355 | 1.60:1 | — |
| Aa #333355 on #130D0D | 1.60:1 | — |
| Aa #0F180A on #333355 | 1.51:1 | — |
| Aa #0B0C14 on #0F180A | 1.07:1 | — |
| Aa #130D0D on #0F180A | 1.06:1 | — |
CSS variables
:root {
--color-1: #0b0c14; /* Midnight Oil */
--color-2: #130d0d; /* Optophobia */
--color-3: #0f180a; /* Pinch of Pepper */
--color-4: #333355; /* Haunted Dreams */
--color-5: #130d0d; /* Optophobia */
}Other schemes from Midnight Oil
- Midnight Oil Complementary Color Scheme#0B0C14#28314D#16110D#16110D#515131
- Midnight Oil Analogous Color Scheme#0F1012#0F1012#0B0C14#0B0C14#150811
- Midnight Oil Split-complementary Color Scheme#0B0C14#130D0D#0F180A#0B0C14#463623
- Midnight Oil Tetradic Color Scheme#0B0C14#150811#16110D#121210#333355
- Midnight Oil Monochromatic Color Scheme#0B0C14#0B0C14#0B0C14#282A4A#4B4775
More Very Dark Blue triadic palettes
- Astral Nomad Triadic Color Scheme#203943#442238#3E4826#447788#150811
- Azulado Triadic Color Scheme#211D49#46221B#1C5022#4B3C8E#130A06
- Beyond the Stars Triadic Color Scheme#0A3251#4C022F#35530A#126DA8#180614
- Black Pearl Triadic Color Scheme#1E272C#2C1620#2F2E1F#435A6F#130D0D
- Black Velvet Triadic Color Scheme#222233#332222#283123#4B4775#130D0D
- Blue Whale Triadic Color Scheme#1E3442#4B1C35#33431E#3D6D84#150811
- Cinder Triadic Color Scheme#242A2E#3B1F23#2F2E1F#466174#130D0D
- Corbeau Triadic Color Scheme#111122#221111#112211#343467#130A06
- Dark Triadic Color Scheme#1B2431#2C1620#223311#3F586E#130D0D
- Dark Eclipse Triadic Color Scheme#112244#441122#304112#244E94#150811
- Dark Knight Triadic Color Scheme#151931#341515#113311#333C76#130D0D
- Dark Soul Triadic Color Scheme#112255#441122#225511#214DAA#150811
Questions
What colors go with Midnight Oil?
In a triadic scheme: Optophobia (#130D0D), Pinch of Pepper (#0F180A), Haunted Dreams (#333355), Optophobia (#130D0D).
What is the hex code of Midnight Oil?
#0B0C14.