ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Fashion

Neon Activewear Pulse

Performance athletic apparel scheme blending high-visibility training accents with sweat-wicking dark neutrals.

#Fashion#Neon#Vibrant#Modern#Bold
Open in Generator
COLOR 1
#0F172A
Slate 900
COLOR 2
#2563EB
Brand Blue
COLOR 3
#F43F5E
Rose 500
COLOR 4
#10B981
Emerald 500
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
Slate 900
#0F172A
rgb(15, 23, 42)hsl(222, 47%, 11%)Color details →
Brand Blue
#2563EB
rgb(37, 99, 235)hsl(221, 83%, 53%)Color details →
Rose 500
#F43F5E
rgb(244, 63, 94)hsl(350, 89%, 60%)Color details →
rgb(16, 185, 129)hsl(160, 84%, 39%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Fashion Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0F172A;
  --color-2: #2563EB;
  --color-3: #F43F5E;
  --color-4: #10B981;
  --color-5: #F8FAFC;
}

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
#0F172A on #10B9817.04:1
Normal Text AA Pass
Sample Text
#0F172A on #F8FAFC17.06:1
Normal Text AA Pass
Sample Text
#2563EB on #10B9812.04:1
Large Text Only (Fail)
Sample Text
#2563EB on #F8FAFC4.94:1
Normal Text AA Pass
Sample Text
#F43F5E on #10B9811.45:1
Large Text Only (Fail)
Sample Text
#F43F5E on #F8FAFC3.51:1
Large Text Only (Pass)

Related Palettes in Fashion

Explore Fashion
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#050505Copy
#00FF66Copy
#00F0FFCopy
#FF0055Copy
#FFE600Copy
cp-featured-04Gaming
Cyber Glitch Protocol
GamingFuturisticNeon
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold