Midnight Dreams Complementary Color Scheme
Five colors arranged by the complementary rule around Midnight Dreams (#002233), each snapped to its nearest named color.
#002233
#005E8C
#331100
#1A0600
#993300
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Dreams | #002233 | 0, 34, 51 | 200°, 100%, 10% | 100, 33, 0, 80 | |
| Mamala Bay | #005E8C | 0, 94, 140 | 200°, 100%, 27% | 100, 33, 0, 45 | |
| Chocolate Melange | #331100 | 51, 17, 0 | 20°, 100%, 10% | 0, 67, 100, 80 | |
| Soy Sauce | #1A0600 | 26, 6, 0 | 14°, 100%, 5% | 0, 77, 100, 90 | |
| Chocoholic | #993300 | 153, 51, 0 | 20°, 100%, 30% | 0, 67, 100, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #005E8C on #1A0600 | 2.78:1 | — |
| Aa #1A0600 on #993300 | 2.64:1 | — |
| Aa #005E8C on #331100 | 2.44:1 | — |
| Aa #002233 on #005E8C | 2.33:1 | — |
| Aa #331100 on #993300 | 2.32:1 | — |
| Aa #002233 on #993300 | 2.22:1 | — |
CSS variables
:root {
--color-1: #002233; /* Midnight Dreams */
--color-2: #005e8c; /* Mamala Bay */
--color-3: #331100; /* Chocolate Melange */
--color-4: #1a0600; /* Soy Sauce */
--color-5: #993300; /* Chocoholic */
}Other schemes from Midnight Dreams
- 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
- Midnight Dreams Monochromatic Color Scheme#0C121B#0C121B#002233#005780#0485D1
More Very Dark Blue complementary palettes
- Astral Nomad Complementary Color Scheme#203943#3D6D84#442D21#130D07#8A5640
- Azulado Complementary Color Scheme#211D49#3C3D8A#48531A#16160E#91923A
- Beyond the Stars Complementary Color Scheme#0A3251#126DA8#4A290D#1C1208#AA5412
- Black Pearl Complementary Color Scheme#1E272C#3F5865#2E211B#130D0D#6E5241
- Black Velvet Complementary Color Scheme#222233#42426F#333322#12110E#777648
- Blue Whale Complementary Color Scheme#1E3442#386782#452C1F#130D07#8E593C
- Cinder Complementary Color Scheme#242A2E#435A6F#35281E#130D0D#745947
- Corbeau Complementary Color Scheme#111122#2E305E#222211#16110D#69673A
- Dark Complementary Color Scheme#1B2431#3C4F6E#35281E#16110D#715D3D
- Dark Eclipse Complementary Color Scheme#112244#25488A#4D3113#1C1208#956F29
- Dark Knight Complementary Color Scheme#151931#323B6C#333311#16110D#786E38
- Dark Soul Complementary Color Scheme#112255#214DAA#444411#1C1208#AA8822
Questions
What colors go with Midnight Dreams?
In a complementary scheme: Mamala Bay (#005E8C), Chocolate Melange (#331100), Soy Sauce (#1A0600), Chocoholic (#993300).
What is the hex code of Midnight Dreams?
#002233.