Sushi Bar
Split-Complementary • 5 colors • ⚖️ Neutral
Colors
Film Noir
#1A1A2ERGB(26, 26, 46) • HSL(240°, 28%, 14%)
CMYK(43%, 43%, 0%, 82%)
Elegance, power, sophistication, mystery, authority
Bright Ruby
#E94560RGB(233, 69, 96) • HSL(350°, 79%, 59%)
CMYK(0%, 70%, 59%, 9%)
Passion, energy, urgency, power, love
Titanium White
#F5F5F5RGB(245, 245, 245) • HSL(0°, 0%, 96%)
CMYK(0%, 0%, 0%, 4%)
Purity, simplicity, cleanliness, minimalism, peace
Intense Indigo
#2B2D42RGB(43, 45, 66) • HSL(235°, 21%, 21%)
CMYK(35%, 32%, 0%, 74%)
Trust, professionalism, calm, security, loyalty
Setting Sun Orange
#FF8C42RGB(255, 140, 66) • HSL(23°, 100%, 63%)
CMYK(0%, 45%, 74%, 0%)
Creativity, enthusiasm, adventure, confidence
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.
| - | 4.46:1Fail | 15.65:1AAA | 1.26:1Fail | 7.38:1AAA | |
4.46:1Fail | - | 3.51:1Fail | 3.52:1Fail | 1.66:1Fail | |
15.65:1AAA | 3.51:1Fail | - | 12.37:1AAA | 2.12:1Fail | |
1.26:1Fail | 3.52:1Fail | 12.37:1AAA | - | 5.83:1AA | |
7.38:1AAA | 1.66:1Fail | 2.12:1Fail | 5.83: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
Health & Wellness
Ideal for health, eco and wellness brands
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Balanced
Temperature
⚖️ Neutral
Light / Dark
2 / 3
Avg Contrast
5.8:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.3:1
Average
5.8:1
Maximum
15.7: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 (3)
Colores 1 y 4 difíciles de distinguir (1.26:1) en modo normal
Colores 2 y 5 difíciles de distinguir (1.66:1) en modo normal
Colores 3 y 5 difíciles de distinguir (2.12:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #1A1A2E, #E94560, #F5F5F5, #2B2D42, #FF8C42);#1A1A2E → #E94560
#E94560 → #F5F5F5
#F5F5F5 → #2B2D42
#2B2D42 → #FF8C42
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#1A1A2E
#E94560
#F5F5F5
#2B2D42
#FF8C42
Export Code
:root {
--color-1: #1A1A2E;
--color-2: #E94560;
--color-3: #F5F5F5;
--color-4: #2B2D42;
--color-5: #FF8C42;
}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.