Huebook

Atomic Lime Complementary Color Scheme

Five colors arranged by the complementary rule around Atomic Lime (#B9FF03), each snapped to its nearest named color.

#B9FF03
#CBF85F
#4400FF
#3300AA
#8866FF

Color names and codes

NameHEXRGBHSLCMYK
Atomic Lime#B9FF03185, 255, 377°, 100%, 51%27, 0, 99, 0
Pear Spritz#CBF85F203, 248, 9578°, 92%, 67%18, 0, 62, 3
Overdue Blue#4400FF68, 0, 255256°, 100%, 50%73, 100, 0, 0
Sea Grape#3300AA51, 0, 170258°, 100%, 33%70, 100, 0, 33
Purple Anemone#8866FF136, 102, 255253°, 100%, 70%47, 60, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B9FF03 on #3300AA10.09:1AAA
Aa #CBF85F on #3300AA9.95:1AAA
Aa #B9FF03 on #4400FF6.46:1AA
Aa #CBF85F on #4400FF6.37:1AA
Aa #B9FF03 on #8866FF3.22:1AA large
Aa #CBF85F on #8866FF3.18:1AA large

CSS variables

:root {
  --color-1: #b9ff03; /* Atomic Lime */
  --color-2: #cbf85f; /* Pear Spritz */
  --color-3: #4400ff; /* Overdue Blue */
  --color-4: #3300aa; /* Sea Grape */
  --color-5: #8866ff; /* Purple Anemone */
}

Other schemes from Atomic Lime

More Medium Green complementary palettes

Questions

What colors go with Atomic Lime?

In a complementary scheme: Pear Spritz (#CBF85F), Overdue Blue (#4400FF), Sea Grape (#3300AA), Purple Anemone (#8866FF).

What is the hex code of Atomic Lime?

#B9FF03.