Midnight Dreams Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Midnight Dreams (#002233), each snapped to its nearest named color.
#0C121B
#0C121B
#002233
#005780
#0485D1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Midnight Dreams | #002233 | 0, 34, 51 | 200°, 100%, 10% | 100, 33, 0, 80 | |
| Mykonos Blue | #005780 | 0, 87, 128 | 199°, 100%, 25% | 100, 32, 0, 50 | |
| Calgar Blue | #0485D1 | 4, 133, 209 | 202°, 96%, 42% | 98, 36, 0, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0C121B on #0485D1 | 4.72:1 | AA |
| Aa #0C121B on #0485D1 | 4.72:1 | AA |
| Aa #002233 on #0485D1 | 4.14:1 | AA large |
| Aa #0C121B on #005780 | 2.39:1 | — |
| Aa #0C121B on #005780 | 2.39:1 | — |
| Aa #002233 on #005780 | 2.10:1 | — |
CSS variables
:root {
--color-1: #0c121b; /* Midnight Edition */
--color-2: #0c121b; /* Midnight Edition */
--color-3: #002233; /* Midnight Dreams */
--color-4: #005780; /* Mykonos Blue */
--color-5: #0485d1; /* Calgar 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 Tetradic Color Scheme#002233#2A0033#331100#033500#006699
More Very Dark Blue monochromatic palettes
- Astral Nomad Monochromatic Color Scheme#0F1012#0F1012#203943#3E6676#4D8FAC
- Azulado Monochromatic Color Scheme#080813#080813#211D49#2E2D88#5946B2
- Beyond the Stars Monochromatic Color Scheme#0B0F1A#0B0F1A#0A3251#165D95#1188CC
- Black Pearl Monochromatic Color Scheme#0F1012#0F1012#1E272C#3E4D59#5B7886
- Black Velvet Monochromatic Color Scheme#0B0C14#0B0C14#222233#444161#565B8D
- Blue Whale Monochromatic Color Scheme#0F1012#0F1012#1E3442#355C74#4F84AF
- Cinder Monochromatic Color Scheme#0F1012#0F1012#242A2E#465058#687783
- Corbeau Monochromatic Color Scheme#0B0C14#0B0C14#111122#2C2C57#44448D
- Dark Monochromatic Color Scheme#0B0C14#0B0C14#1B2431#3A4A62#4E6F95
- Dark Eclipse Monochromatic Color Scheme#060B14#060B14#112244#26428B#2A52BE
- Dark Knight Monochromatic Color Scheme#0B0C14#0B0C14#151931#343467#445397
- Dark Soul Monochromatic Color Scheme#01081C#01081C#112255#113691#214FC6
Questions
What colors go with Midnight Dreams?
In a monochromatic scheme: Midnight Edition (#0C121B), Midnight Edition (#0C121B), Mykonos Blue (#005780), Calgar Blue (#0485D1).
What is the hex code of Midnight Dreams?
#002233.