Laser Flame

neon palette with a balanced five-color hierarchy for design use.

#Neon#Futuristic#Bold
Open in Generator
COLOR 1
#0F40FD
Electric Indigo
COLOR 2
#C24BF2
Fuchsia 500
COLOR 3
#F31644
Electric Crimson
COLOR 4
#F9D443
Kihada Yellow
COLOR 5
#2DF711
Neon Green

Color Values & Codes

HEX · RGB · HSL
rgb(15, 64, 253)hsl(228, 98%, 53%)Color details →
rgb(194, 75, 242)hsl(283, 87%, 62%)Color details →
rgb(243, 22, 68)hsl(348, 90%, 52%)Color details →
rgb(249, 212, 67)hsl(48, 94%, 62%)Color details →
Neon Green
#2DF711
rgb(45, 247, 17)hsl(113, 93%, 52%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0F40FD;
  --color-2: #C24BF2;
  --color-3: #F31644;
  --color-4: #F9D443;
  --color-5: #2DF711;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0F40FD on #F9D4434.58:1
Normal Text AA Pass
Sample Text
#0F40FD on #2DF7114.55:1
Normal Text AA Pass
Sample Text
#C24BF2 on #F9D4432.60:1
Large Text Only (Fail)
Sample Text
#C24BF2 on #2DF7112.58:1
Large Text Only (Fail)
Sample Text
#F31644 on #F9D4432.90:1
Large Text Only (Fail)
Sample Text
#F31644 on #2DF7112.88:1
Large Text Only (Fail)