Midnight Dreams Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Dreams (#002233), each snapped to its nearest named color.
#002233
#330404
#372A05
#0C121B
#840014
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Dreams | #002233 | 0, 34, 51 | 200°, 100%, 10% | 100, 33, 0, 80 | |
| 3AM Breakup | #330404 | 51, 4, 4 | 0°, 85%, 11% | 0, 92, 92, 80 | |
| Secret Passage | #372A05 | 55, 42, 5 | 44°, 83%, 12% | 0, 24, 91, 78 | |
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Sneaky Devil | #840014 | 132, 0, 20 | 351°, 100%, 26% | 0, 100, 85, 48 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0C121B on #840014 | 1.78:1 | — |
| Aa #330404 on #840014 | 1.72:1 | — |
| Aa #002233 on #840014 | 1.56:1 | — |
| Aa #372A05 on #0C121B | 1.34:1 | — |
| Aa #372A05 on #840014 | 1.33:1 | — |
| Aa #330404 on #372A05 | 1.29:1 | — |
CSS variables
:root {
--color-1: #002233; /* Midnight Dreams */
--color-2: #330404; /* 3AM Breakup */
--color-3: #372a05; /* Secret Passage */
--color-4: #0c121b; /* Midnight Edition */
--color-5: #840014; /* Sneaky Devil */
}Other schemes from Midnight Dreams
- Midnight Dreams Complementary Color Scheme#002233#005E8C#331100#1A0600#993300
- Midnight Dreams Analogous Color Scheme#003311#003527#002233#000435#110033
- Midnight Dreams Triadic Color Scheme#002233#330022#223300#006699#180614
- Midnight Dreams Tetradic Color Scheme#002233#2A0033#331100#033500#006699
- Midnight Dreams Monochromatic Color Scheme#0C121B#0C121B#002233#005780#0485D1
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 Dreams?
In a split-complementary scheme: 3AM Breakup (#330404), Secret Passage (#372A05), Midnight Edition (#0C121B), Sneaky Devil (#840014).
What is the hex code of Midnight Dreams?
#002233.