Huebook

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

NameHEXRGBHSLCMYK
Midsummer Nights#0011EE0, 17, 238236°, 100%, 47%100, 93, 0, 7
Royal Flycatcher Crest#EE6600238, 102, 026°, 100%, 47%0, 57, 100, 7
Mochito#8EFA00142, 250, 086°, 100%, 49%43, 0, 100, 2
Cobalt#030AA73, 10, 167237°, 96%, 33%98, 94, 0, 35
Fire Flower#F68F37246, 143, 5528°, 91%, 59%0, 42, 78, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8EFA00 on #030AA79.86:1AAA
Aa #0011EE on #8EFA006.84:1AA
Aa #030AA7 on #F68F375.55:1AA
Aa #EE6600 on #030AA74.07:1AA large
Aa #0011EE on #F68F373.85:1AA large
Aa #0011EE on #EE66002.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

More Medium Blue split-complementary palettes

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.