Your Name (Kimi no Na wa)
Split-Complementary • 5 colors • ⚖️ Neutral
Colors
Dark Cobalt
#0C2340RGB(12, 35, 64) • HSL(213°, 68%, 15%)
CMYK(81%, 45%, 0%, 75%)
Elegance, power, sophistication, mystery, authority
Deep Navy
#1B4F72RGB(27, 79, 114) • HSL(204°, 62%, 28%)
CMYK(76%, 31%, 0%, 55%)
Trust, professionalism, calm, security, loyalty
Kaleidoscope
#FF6B6BRGB(255, 107, 107) • HSL(0°, 100%, 71%)
CMYK(0%, 58%, 58%, 0%)
Passion, energy, urgency, power, love
Sunflower Yellow
#FFD700RGB(255, 215, 0) • HSL(51°, 100%, 50%)
CMYK(0%, 16%, 100%, 0%)
Optimism, joy, clarity, creativity
Pale Sapphire
#E8F0FERGB(232, 240, 254) • HSL(218°, 92%, 95%)
CMYK(9%, 6%, 0%, 0%)
Trust, professionalism, calm, security, loyalty
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.
| - | 1.81:1Fail | 5.69:1AA | 11.26:1AAA | 13.78:1AAA | |
1.81:1Fail | - | 3.14:1Fail | 6.22:1AA | 7.61:1AAA | |
5.69:1AA | 3.14:1Fail | - | 1.98:1Fail | 2.42:1Fail | |
11.26:1AAA | 6.22:1AA | 1.98:1Fail | - | 1.22:1Fail | |
13.78:1AAA | 7.61:1AAA | 2.42:1Fail | 1.22: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.5:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.2:1
Average
5.5:1
Maximum
13.8:1
WCAG AA requires 4.5:1 for text, 3:1 for large text
Suggestions
Very high saturation. Consider adding muted tones for visual rest.
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 (4)
Colores 1 y 2 difíciles de distinguir (1.81:1) en modo normal
Colores 3 y 4 difíciles de distinguir (1.98:1) en modo normal
Colores 3 y 5 difíciles de distinguir (2.42:1) en modo normal
Colores 4 y 5 difíciles de distinguir (1.22:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #0C2340, #1B4F72, #FF6B6B, #FFD700, #E8F0FE);#0C2340 → #1B4F72
#1B4F72 → #FF6B6B
#FF6B6B → #FFD700
#FFD700 → #E8F0FE
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#0C2340
#1B4F72
#FF6B6B
#FFD700
#E8F0FE
Export Code
:root {
--color-1: #0C2340;
--color-2: #1B4F72;
--color-3: #FF6B6B;
--color-4: #FFD700;
--color-5: #E8F0FE;
}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.