Electric Dreams
Split-Complementary • 5 colors • ⚖️ Neutral
Colors
Bright Cherry
#FF006ERGB(255, 0, 110) • HSL(334°, 100%, 50%)
CMYK(0%, 100%, 57%, 0%)
Romance, sweetness, femininity, youth, tenderness
Vivid Amber
#FB5607RGB(251, 86, 7) • HSL(19°, 97%, 51%)
CMYK(0%, 66%, 97%, 2%)
Creativity, enthusiasm, adventure, confidence
Vibrant Tangerine
#FFBE0BRGB(255, 190, 11) • HSL(44°, 100%, 52%)
CMYK(0%, 25%, 96%, 0%)
Creativity, enthusiasm, adventure, confidence
Electric Amethyst
#8338ECRGB(131, 56, 236) • HSL(265°, 83%, 57%)
CMYK(44%, 76%, 0%, 7%)
Luxury, creativity, mystery, spirituality, royalty
Vibrant Cobalt
#3A86FFRGB(58, 134, 255) • HSL(217°, 100%, 61%)
CMYK(77%, 47%, 0%, 0%)
Trust, professionalism, calm, security, loyalty
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.
| - | 1.18:1Fail | 2.3:1Fail | 1.46:1Fail | 1.1:1Fail | |
1.18:1Fail | - | 1.96:1Fail | 1.72:1Fail | 1.07:1Fail | |
2.3:1Fail | 1.96:1Fail | - | 3.37:1Fail | 2.09:1Fail | |
1.46:1Fail | 1.72:1Fail | 3.37:1Fail | - | 1.61:1Fail | |
1.1:1Fail | 1.07:1Fail | 2.09:1Fail | 1.61: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
1 / 4
Avg Contrast
1.8:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
1.8:1
Maximum
3.4:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Low average contrast. Consider adding lighter or darker colors.
Very high saturation. Consider adding muted tones for visual rest.
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 (9)
Colores 1 y 2 difíciles de distinguir (1.18:1) en modo normal
Colores 1 y 3 difíciles de distinguir (2.30:1) en modo normal
Colores 1 y 4 difíciles de distinguir (1.46:1) en modo normal
Colores 1 y 5 difíciles de distinguir (1.10:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.96:1) en modo normal
Colores 2 y 4 difíciles de distinguir (1.72:1) en modo normal
Colores 2 y 5 difíciles de distinguir (1.07:1) en modo normal
Colores 3 y 5 difíciles de distinguir (2.09:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.61:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #FF006E, #FB5607, #FFBE0B, #8338EC, #3A86FF);#FF006E → #FB5607
#FB5607 → #FFBE0B
#FFBE0B → #8338EC
#8338EC → #3A86FF
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#FF006E
#FB5607
#FFBE0B
#8338EC
#3A86FF
Export Code
:root {
--color-1: #FF006E;
--color-2: #FB5607;
--color-3: #FFBE0B;
--color-4: #8338EC;
--color-5: #3A86FF;
}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.