Cyberpunk Neon Dashboard

Activation Lime
#c6ff00
Electric Blue
#001aff
Magenta Pop
#ff00ff
Midnight Abyss
#000000
Deep Navy
#00014b
Charcoal Node
#2c2c2c

The palette consists of Light, Dark colors. Accent colors Activation Lime #c6ff00 and Magenta Pop #ff00ff. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #000000 (darkest) to #C6FF00 (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #000000, #00014B, #001AFF, #2C2C2C, #C6FF00, #FF00FF

Palette Cyberpunk Neon Dashboard has combination of 6 codes colors:

HEX: #c6ff00, RGB: (198, 255, 0); HEX: #001aff, RGB: (0, 26, 255); HEX: #ff00ff, RGB: (255, 0, 255)

HEX: #000000, RGB: (0, 0, 0); HEX: #00014b, RGB: (0, 1, 75); HEX: #2c2c2c, RGB: (44, 44, 44)

Simplified version of palette colors

Shade of greenyellow, Shade of Blue, magenta, Black, Tint of midnightblue, Shade of Black

Color scheme was created by coolor

More palettes with:

Colors codes in palette

Cyberpunk Neon Dashboard color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#c6ff00	#c6ff00	RGB(198, 255, 0)	Activation Lime	—
#001aff	#001aff	RGB(0, 26, 255)	Electric Blue	—
#ff00ff	#ff00ff	RGB(255, 0, 255)	Magenta Pop	Magenta
#000000	#000000	RGB(0, 0, 0)	Midnight Abyss	Black
#00014b	#00014b	RGB(0, 1, 75)	Deep Navy	—
#2c2c2c	#2c2c2c	RGB(44, 44, 44)	Charcoal Node	—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#001aff	#2c2c2c	1.72
#000000	#00014b	1.1
#000000	#2c2c2c	1.5
#00014b	#2c2c2c	1.35

Image palette Cyberpunk Neon Dashboard png

--color-activation-lime:	#c6ff00;
--color-electric-blue:	#001aff;
--color-magenta-pop:	#ff00ff;
--color-midnight-abyss:	#000000;
--color-deep-navy:	#00014b;
--color-charcoal-node:	#2c2c2c;

$color-activation-lime:	#c6ff00;
$color-electric-blue:	#001aff;
$color-magenta-pop:	#ff00ff;
$color-midnight-abyss:	#000000;
$color-deep-navy:	#00014b;
$color-charcoal-node:	#2c2c2c;

@color-activation-lime:	#c6ff00;
@color-electric-blue:	#001aff;
@color-magenta-pop:	#ff00ff;
@color-midnight-abyss:	#000000;
@color-deep-navy:	#00014b;
@color-charcoal-node:	#2c2c2c;