Midsummer Nights Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midsummer Nights (#0011EE), each snapped to its nearest named color.
#0011EE
#EE6600
#8EFA00
#030AA7
#F68F37
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midsummer Nights | #0011EE | 0, 17, 238 | 236°, 100%, 47% | 100, 93, 0, 7 | |
| Royal Flycatcher Crest | #EE6600 | 238, 102, 0 | 26°, 100%, 47% | 0, 57, 100, 7 | |
| Mochito | #8EFA00 | 142, 250, 0 | 86°, 100%, 49% | 43, 0, 100, 2 | |
| Cobalt | #030AA7 | 3, 10, 167 | 237°, 96%, 33% | 98, 94, 0, 35 | |
| Fire Flower | #F68F37 | 246, 143, 55 | 28°, 91%, 59% | 0, 42, 78, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8EFA00 on #030AA7 | 9.86:1 | AAA |
| Aa #0011EE on #8EFA00 | 6.84:1 | AA |
| Aa #030AA7 on #F68F37 | 5.55:1 | AA |
| Aa #EE6600 on #030AA7 | 4.07:1 | AA large |
| Aa #0011EE on #F68F37 | 3.85:1 | AA large |
| Aa #0011EE on #EE6600 | 2.82:1 | — |
CSS variables
:root {
--color-1: #0011ee; /* Midsummer Nights */
--color-2: #ee6600; /* Royal Flycatcher Crest */
--color-3: #8efa00; /* Mochito */
--color-4: #030aa7; /* Cobalt */
--color-5: #f68f37; /* Fire Flower */
}Other schemes from Midsummer Nights
- Midsummer Nights Complementary Color Scheme#0011EE#4455FF#EEDD00#AA9900#FFF45A
- Midsummer Nights Analogous Color Scheme#00EEDD#0088FF#0011EE#6600FF#DD00EE
- Midsummer Nights Triadic Color Scheme#0011EE#EE0011#11EE00#5566FF#A30112
- Midsummer Nights Tetradic Color Scheme#0011EE#EE0088#EEDD00#00FF77#5566FF
- Midsummer Nights Monochromatic Color Scheme#00035B#030AA7#0011EE#2D47FF#8F99FB
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Midsummer Nights?
In a split-complementary scheme: Royal Flycatcher Crest (#EE6600), Mochito (#8EFA00), Cobalt (#030AA7), Fire Flower (#F68F37).
What is the hex code of Midsummer Nights?
#0011EE.