Adobe Red
Analogous • 5 colors • 🔥 Warm
Colors
Energy Red
#FF0000RGB(255, 0, 0) • HSL(0°, 100%, 50%)
CMYK(0%, 100%, 100%, 0%)
Passion, energy, urgency, power, love
Vivid Crimson
#FA0F00RGB(250, 15, 0) • HSL(4°, 100%, 49%)
CMYK(0%, 94%, 100%, 2%)
Passion, energy, urgency, power, love
Deep Graphite
#323232RGB(50, 50, 50) • HSL(0°, 0%, 20%)
CMYK(0%, 0%, 0%, 80%)
Neutrality, balance, professionalism, maturity
Minimalist White
#FAFAFARGB(250, 250, 250) • HSL(0°, 0%, 98%)
CMYK(0%, 0%, 0%, 2%)
Purity, simplicity, cleanliness, minimalism, peace
Purity White
#FFFFFFRGB(255, 255, 255) • HSL(0°, 0%, 100%)
CMYK(0%, 0%, 0%, 0%)
Purity, simplicity, cleanliness, minimalism, peace
Harmony
Monochromatic
All colors share the same hue with different lightness/saturation. Creates unity and elegance.
Temperature
Warm
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.02:1Fail | 3.21:1Fail | 3.83:1Fail | 4:1Fail | |
1.02:1Fail | - | 3.13:1Fail | 3.92:1Fail | 4.09:1Fail | |
3.21:1Fail | 3.13:1Fail | - | 12.28:1AAA | 12.82:1AAA | |
3.83:1Fail | 3.92:1Fail | 12.28:1AAA | - | 1.04:1Fail | |
4:1Fail | 4.09:1Fail | 12.82:1AAA | 1.04: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
Food & Entertainment
Great for restaurants, events and entertainment
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Monochromatic
Temperature
🔥 Warm
Light / Dark
2 / 3
Avg Contrast
4.9:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.0:1
Average
4.9:1
Maximum
12.8:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Low hue diversity. Consider expanding the hue range.
Harmony Analysis
Detected Harmony
Monochromatic
All colors share the same hue with different lightness/saturation. Creates unity and elegance.
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 (2)
Colores 1 y 2 difíciles de distinguir (1.02:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.04:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #FF0000, #FA0F00, #323232, #FAFAFA, #FFFFFF);#FF0000 → #FA0F00
#FA0F00 → #323232
#323232 → #FAFAFA
#FAFAFA → #FFFFFF
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#FF0000
#FA0F00
#323232
#FAFAFA
#FFFFFF
Export Code
:root {
--color-1: #FF0000;
--color-2: #FA0F00;
--color-3: #323232;
--color-4: #FAFAFA;
--color-5: #FFFFFF;
}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.