Huebook

Too Dark Tonight Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Too Dark Tonight (#0011BB), each snapped to its nearest named color.

#0011BB
#B64701
#66BB00
#02066F
#FF6F01

Color names and codes

NameHEXRGBHSLCMYK
Too Dark Tonight#0011BB0, 17, 187235°, 100%, 37%100, 91, 0, 27
Beef Bourguignon#B64701182, 71, 123°, 99%, 36%0, 61, 99, 29
Emerald Glitter#66BB00102, 187, 087°, 100%, 37%45, 0, 100, 27
Dark Royalty#02066F2, 6, 111238°, 96%, 22%98, 95, 0, 56
Flush Orange#FF6F01255, 111, 126°, 100%, 50%0, 56, 100, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #66BB00 on #02066F6.89:1AA
Aa #02066F on #FF6F015.98:1AA
Aa #0011BB on #66BB004.82:1AA
Aa #0011BB on #FF6F014.19:1AA large
Aa #B64701 on #02066F3.09:1AA large
Aa #B64701 on #66BB002.23:1—

CSS variables

:root {
  --color-1: #0011bb; /* Too Dark Tonight */
  --color-2: #b64701; /* Beef Bourguignon */
  --color-3: #66bb00; /* Emerald Glitter */
  --color-4: #02066f; /* Dark Royalty */
  --color-5: #ff6f01; /* Flush Orange */
}

Other schemes from Too Dark Tonight

More Dark Blue split-complementary palettes

Questions

What colors go with Too Dark Tonight?

In a split-complementary scheme: Beef Bourguignon (#B64701), Emerald Glitter (#66BB00), Dark Royalty (#02066F), Flush Orange (#FF6F01).

What is the hex code of Too Dark Tonight?

#0011BB.