Joker Gotham
Triadic • 5 colors • ⚖️ Neutral
Colors
Film Noir
#1A1A2ERGB(26, 26, 46) • HSL(240°, 28%, 14%)
CMYK(43%, 43%, 0%, 82%)
Elegance, power, sophistication, mystery, authority
Deep Emerald
#006400RGB(0, 100, 0) • HSL(120°, 100%, 20%)
CMYK(100%, 0%, 100%, 61%)
Nature, health, growth, harmony, money
Velvet Red
#8B0000RGB(139, 0, 0) • HSL(0°, 100%, 27%)
CMYK(0%, 100%, 100%, 45%)
Passion, energy, urgency, power, love
Sunflower Yellow
#FFD700RGB(255, 215, 0) • HSL(51°, 100%, 50%)
CMYK(0%, 16%, 100%, 0%)
Optimism, joy, clarity, creativity
Rain on Asphalt Gray
#4A4A4ARGB(74, 74, 74) • HSL(0°, 0%, 29%)
CMYK(0%, 0%, 0%, 71%)
Neutrality, balance, professionalism, maturity
Harmony
Split-Complementary
A color with two adjacent to its complement. Softer than pure complementary.
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.
| - | 2.29:1Fail | 1.7:1Fail | 12.16:1AAA | 1.92:1Fail | |
2.29:1Fail | - | 1.35:1Fail | 5.3:1AA | 1.19:1Fail | |
1.7:1Fail | 1.35:1Fail | - | 7.14:1AAA | 1.13:1Fail | |
12.16:1AAA | 5.3:1AA | 7.14:1AAA | - | 6.32:1AA | |
1.92:1Fail | 1.19:1Fail | 1.13:1Fail | 6.32:1AA | - |
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
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
Balanced
Temperature
⚖️ Neutral
Light / Dark
1 / 4
Avg Contrast
4.1:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
4.1:1
Maximum
12.2: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
Split-Complementary
A color with two adjacent to its complement. Softer than pure complementary.
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 (6)
Colores 1 y 2 difíciles de distinguir (2.29:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.70:1) en modo normal
Colores 1 y 5 difíciles de distinguir (1.92:1) en modo normal
Colores 2 y 3 difíciles de distinguir (1.35:1) en modo normal
Colores 2 y 5 difíciles de distinguir (1.19:1) en modo normal
Colores 3 y 5 difíciles de distinguir (1.13:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #1A1A2E, #006400, #8B0000, #FFD700, #4A4A4A);#1A1A2E → #006400
#006400 → #8B0000
#8B0000 → #FFD700
#FFD700 → #4A4A4A
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#1A1A2E
#006400
#8B0000
#FFD700
#4A4A4A
Export Code
:root {
--color-1: #1A1A2E;
--color-2: #006400;
--color-3: #8B0000;
--color-4: #FFD700;
--color-5: #4A4A4A;
}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.