Midnight Dreams Triadic Color Scheme
Five colors arranged by the triadic rule around Midnight Dreams (#002233), each snapped to its nearest named color.
#002233
#330022
#223300
#006699
#180614
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Midnight Dreams | #002233 | 0, 34, 51 | 200°, 100%, 10% | 100, 33, 0, 80 | 23.8% 0.050 235 | |
| Vienna Roast | #330022 | 51, 0, 34 | 320°, 100%, 10% | 0, 100, 33, 80 | 21.4% 0.091 346 | |
| Blind Forest | #223300 | 34, 51, 0 | 80°, 100%, 10% | 33, 0, 100, 80 | 29.5% 0.076 127 | |
| Impulse Blue | #006699 | 0, 102, 153 | 200°, 100%, 30% | 100, 33, 0, 40 | 48.7% 0.113 241 | |
| Crow | #180614 | 24, 6, 20 | 313°, 60%, 6% | 0, 75, 17, 91 | 16.1% 0.042 336 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #006699 on #180614 | 3.13:1 | AA large |
| Aa #330022 on #006699 | 2.89:1 | — |
| Aa #002233 on #006699 | 2.63:1 | — |
| Aa #223300 on #006699 | 2.18:1 | — |
| Aa #223300 on #180614 | 1.43:1 | — |
| Aa #330022 on #223300 | 1.32:1 | — |
CSS variables
:root {
--color-1: #002233; /* Midnight Dreams */
--color-2: #330022; /* Vienna Roast */
--color-3: #223300; /* Blind Forest */
--color-4: #006699; /* Impulse Blue */
--color-5: #180614; /* Crow */
}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 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 triadic color schemes
- 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 Dreams?
In a triadic scheme: Vienna Roast (#330022), Blind Forest (#223300), Impulse Blue (#006699), Crow (#180614).
What is the hex code of Midnight Dreams?
#002233.