Midnight Dreams Tetradic Color Scheme
Five colors arranged by the tetradic rule around Midnight Dreams (#002233), each snapped to its nearest named color.
#002233
#2A0033
#331100
#033500
#006699
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Dreams | #002233 | 0, 34, 51 | 200°, 100%, 10% | 100, 33, 0, 80 | |
| Porphyrophobia | #2A0033 | 42, 0, 51 | 289°, 100%, 10% | 18, 100, 0, 80 | |
| Chocolate Melange | #331100 | 51, 17, 0 | 20°, 100%, 10% | 0, 67, 100, 80 | |
| Dark Green | #033500 | 3, 53, 0 | 117°, 100%, 10% | 94, 0, 100, 79 | |
| Impulse Blue | #006699 | 0, 102, 153 | 200°, 100%, 30% | 100, 33, 0, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2A0033 on #006699 | 2.93:1 | — |
| Aa #331100 on #006699 | 2.75:1 | — |
| Aa #002233 on #006699 | 2.63:1 | — |
| Aa #033500 on #006699 | 2.22:1 | — |
| Aa #2A0033 on #033500 | 1.32:1 | — |
| Aa #331100 on #033500 | 1.24:1 | — |
CSS variables
:root {
--color-1: #002233; /* Midnight Dreams */
--color-2: #2a0033; /* Porphyrophobia */
--color-3: #331100; /* Chocolate Melange */
--color-4: #033500; /* Dark Green */
--color-5: #006699; /* Impulse Blue */
}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 Split-complementary Color Scheme#002233#330404#372A05#0C121B#840014
- Midnight Dreams Monochromatic Color Scheme#0C121B#0C121B#002233#005780#0485D1
More Very Dark Blue tetradic palettes
- Astral Nomad Tetradic Color Scheme#203943#332244#442D21#2A4F21#447788
- Azulado Tetradic Color Scheme#211D49#4B1C35#48531A#1B4B35#4B3C8E
- Beyond the Stars Tetradic Color Scheme#0A3251#4E0550#4A290D#0B5509#126DA8
- Black Pearl Tetradic Color Scheme#1E272C#391531#2E211B#1B2B1B#435A6F
- Black Velvet Tetradic Color Scheme#222233#352126#333322#24342A#4B4775
- Blue Whale Tetradic Color Scheme#1E3442#3F1D50#452C1F#21421E#3D6D84
- Cinder Tetradic Color Scheme#242A2E#2E183B#35281E#2F2E1F#466174
- Corbeau Tetradic Color Scheme#111122#201819#222211#12221D#343467
- Dark Tetradic Color Scheme#1B2431#391531#35281E#1B2B1B#3F586E
- Dark Eclipse Tetradic Color Scheme#112244#43182F#4D3113#114411#244E94
- Dark Knight Tetradic Color Scheme#151931#2C1620#333311#0D2E1C#333C76
- Dark Soul Tetradic Color Scheme#112255#531745#444411#1C5022#214DAA
Questions
What colors go with Midnight Dreams?
In a tetradic scheme: Porphyrophobia (#2A0033), Chocolate Melange (#331100), Dark Green (#033500), Impulse Blue (#006699).
What is the hex code of Midnight Dreams?
#002233.