Huebook

Neon Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Neon Blue (#04D9FF), each snapped to its nearest named color.

#04D9FF
#6DEDFD
#FF2800
#B21B00
#FF8866

Color names and codes

NameHEXRGBHSLCMYK
Neon Blue#04D9FF4, 217, 255189°, 100%, 51%98, 15, 0, 0
Robin’s Egg#6DEDFD109, 237, 253187°, 97%, 71%57, 6, 0, 1
Ferrari Red#FF2800255, 40, 09°, 100%, 50%0, 84, 100, 0
Wazdakka Red#B21B00178, 27, 09°, 100%, 35%0, 85, 100, 30
Protein High#FF8866255, 136, 10213°, 100%, 70%0, 47, 60, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #6DEDFD on #B21B004.98:1AA
Aa #04D9FF on #B21B004.06:1AA large
Aa #B21B00 on #FF88662.94:1—
Aa #6DEDFD on #FF28002.73:1—
Aa #04D9FF on #FF28002.23:1—
Aa #FF2800 on #B21B001.82:1—

CSS variables

:root {
  --color-1: #04d9ff; /* Neon Blue */
  --color-2: #6dedfd; /* Robin’s Egg */
  --color-3: #ff2800; /* Ferrari Red */
  --color-4: #b21b00; /* Wazdakka Red */
  --color-5: #ff8866; /* Protein High */
}

Other schemes from Neon Blue

More Medium Teal complementary palettes

Questions

What colors go with Neon Blue?

In a complementary scheme: Robin’s Egg (#6DEDFD), Ferrari Red (#FF2800), Wazdakka Red (#B21B00), Protein High (#FF8866).

What is the hex code of Neon Blue?

#04D9FF.