Neon Arcade
Split-Complementary • 5 colors • ⚖️ Neutral
Colors
Cinema Darkness
#0D0D0DRGB(13, 13, 13) • HSL(0°, 0%, 5%)
CMYK(0%, 0%, 0%, 95%)
Elegance, power, sophistication, mystery, authority
Cyber Magenta
#FF00FFRGB(255, 0, 255) • HSL(300°, 100%, 50%)
CMYK(0%, 100%, 0%, 0%)
Romance, sweetness, femininity, youth, tenderness
Neon Blue
#00FFFFRGB(0, 255, 255) • HSL(180°, 100%, 50%)
CMYK(100%, 0%, 0%, 0%)
Trust, professionalism, calm, security, loyalty
Summer Yellow
#FFFF00RGB(255, 255, 0) • HSL(60°, 100%, 50%)
CMYK(0%, 0%, 100%, 0%)
Optimism, joy, clarity, creativity
Vivid Magenta
#FF4081RGB(255, 64, 129) • HSL(340°, 100%, 63%)
CMYK(0%, 75%, 49%, 0%)
Romance, sweetness, femininity, youth, tenderness
Harmony
Custom
A unique combination tailored to your needs.
Temperature
Neutral
Contrast
AA: 4.5:1 · AAA: 7:1
Palette Health Score
Accessibility
Harmony
Total
= Palette Health
Accessibility Matrix (WCAG)
Contrast ratio between all color pairs. AA requires 4.5:1 for text, AAA requires 7:1.
| - | 6.2:1AA | 15.5:1AAA | 18.1:1AAA | 5.83:1AA | |
6.2:1AA | - | 2.5:1Fail | 2.92:1Fail | 1.06:1Fail | |
15.5:1AAA | 2.5:1Fail | - | 1.17:1Fail | 2.66:1Fail | |
18.1:1AAA | 2.92:1Fail | 1.17:1Fail | - | 3.1:1Fail | |
5.83:1AA | 1.06:1Fail | 2.66:1Fail | 3.1:1Fail | - |
Color Blindness Simulation
How this palette appears to people with different types of color vision deficiency.
Original
Protanopia (red-blind)
~1.3%Deuteranopia (green-blind)
~1.2%Tritanopia (blue-blind)
~0.01%Achromatopsia (total)
~0.003%Psychology & Meaning
Recommended Uses
Health & Wellness
Ideal for health, eco and wellness brands
Creative & Arts
Perfect for creative agencies and artistic projects
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Vibrant
Temperature
⚖️ Neutral
Light / Dark
3 / 2
Avg Contrast
5.9:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
5.9:1
Maximum
18.1:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Well balanced palette! Good variety and contrast.
Harmony Analysis
Detected Harmony
Custom
A unique combination tailored to your needs.
Harmony Score
Accessibility Report
Accessibility
/100
WCAG AA
PASS
Text contrast with white/black
Colorblind
WARNING
Color distinction for CVD users
Quality Criteria
Issues Found (5)
Colores 2 y 3 difíciles de distinguir (2.50:1) en modo normal
Colores 2 y 4 difíciles de distinguir (2.92:1) en modo normal
Colores 2 y 5 difíciles de distinguir (1.06:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.17:1) en modo normal
Colores 3 y 5 difíciles de distinguir (2.66:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #0D0D0D, #FF00FF, #00FFFF, #FFFF00, #FF4081);#0D0D0D → #FF00FF
#FF00FF → #00FFFF
#00FFFF → #FFFF00
#FFFF00 → #FF4081
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#0D0D0D
#FF00FF
#00FFFF
#FFFF00
#FF4081
Export Code
:root {
--color-1: #0D0D0D;
--color-2: #FF00FF;
--color-3: #00FFFF;
--color-4: #FFFF00;
--color-5: #FF4081;
}Related Palettes
Explore variations and alternatives generated from this palette
Complementary
Opposite colors on the wheel
Analogous Shift
Shifted 30° on the wheel
Lighter Version
15% lighter
Darker Version
15% darker
Muted
30% less saturation
Vibrant
30% more saturation
Triadic Shift
Shifted 120° on the wheel
Split Complementary
Shifted 150° on the wheel
Monochromatic
Based on first color
Preview
See how your palette looks in a real landing page context
Welcome to Our Platform
Discover amazing features and boost your productivity with our innovative solutions.
Feature One
Feature Two
Feature Three
© 2026 Your Brand. All rights reserved.