Huebook

Too Dark Tonight Complementary Color Scheme

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

#0011BB
#152EFF
#BAA600
#666600
#FFEE22

Color names and codes

NameHEXRGBHSLCMYK
Too Dark Tonight#0011BB0, 17, 187235°, 100%, 37%100, 91, 0, 27
Vivid Blue#152EFF21, 46, 255234°, 100%, 54%92, 82, 0, 0
Sulphine Yellow#BAA600186, 166, 054°, 100%, 36%0, 11, 100, 27
Earthy Khaki Green#666600102, 102, 060°, 100%, 20%0, 0, 100, 60
Big Yellow Streak#FFEE22255, 238, 3455°, 100%, 57%0, 7, 87, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #0011BB on #FFEE229.74:1AAA
Aa #152EFF on #FFEE226.11:1AA
Aa #666600 on #FFEE225.05:1AA
Aa #0011BB on #BAA6004.75:1AA
Aa #152EFF on #BAA6002.98:1—
Aa #BAA600 on #6666002.46:1—

CSS variables

:root {
  --color-1: #0011bb; /* Too Dark Tonight */
  --color-2: #152eff; /* Vivid Blue */
  --color-3: #baa600; /* Sulphine Yellow */
  --color-4: #666600; /* Earthy Khaki Green */
  --color-5: #ffee22; /* Big Yellow Streak */
}

Other schemes from Too Dark Tonight

More Dark Blue complementary palettes

Questions

What colors go with Too Dark Tonight?

In a complementary scheme: Vivid Blue (#152EFF), Sulphine Yellow (#BAA600), Earthy Khaki Green (#666600), Big Yellow Streak (#FFEE22).

What is the hex code of Too Dark Tonight?

#0011BB.