Spy x Family
Triadic • 5 colors • ⚖️ Neutral
Colors
Deep Indigo
#1B1B2FRGB(27, 27, 47) • HSL(240°, 27%, 15%)
CMYK(43%, 43%, 0%, 82%)
Elegance, power, sophistication, mystery, authority
Bright Coral
#E43F5ARGB(228, 63, 90) • HSL(350°, 75%, 57%)
CMYK(0%, 72%, 61%, 11%)
Passion, energy, urgency, power, love
Light Ruby
#F5B7B1RGB(245, 183, 177) • HSL(5°, 77%, 83%)
CMYK(0%, 25%, 28%, 4%)
Passion, energy, urgency, power, love
Intense Cobalt
#162447RGB(22, 36, 71) • HSL(223°, 53%, 18%)
CMYK(69%, 49%, 0%, 72%)
Trust, professionalism, calm, security, loyalty
Sunflower Yellow
#FFD700RGB(255, 215, 0) • HSL(51°, 100%, 50%)
CMYK(0%, 16%, 100%, 0%)
Optimism, joy, clarity, creativity
Harmony
Complementary
Opposite colors on the wheel. Creates high contrast and visual impact.
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.14:1Fail | 9.88:1AAA | 1.11:1Fail | 12.03:1AAA | |
4.14:1Fail | - | 2.38:1Fail | 3.74:1Fail | 2.9:1Fail | |
9.88:1AAA | 2.38:1Fail | - | 8.92:1AAA | 1.22:1Fail | |
1.11:1Fail | 3.74:1Fail | 8.92:1AAA | - | 10.87:1AAA | |
12.03:1AAA | 2.9:1Fail | 1.22:1Fail | 10.87:1AAA | - |
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
Diverse
Temperature
⚖️ Neutral
Light / Dark
2 / 3
Avg Contrast
5.7:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.1:1
Average
5.7:1
Maximum
12.0: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
Complementary
Opposite colors on the wheel. Creates high contrast and visual impact.
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 4 difíciles de distinguir (1.11:1) en modo normal
Colores 2 y 3 difíciles de distinguir (2.38:1) en modo normal
Colores 2 y 5 difíciles de distinguir (2.90:1) en modo normal
Colores 3 y 5 difíciles de distinguir (1.22:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #1B1B2F, #E43F5A, #F5B7B1, #162447, #FFD700);#1B1B2F → #E43F5A
#E43F5A → #F5B7B1
#F5B7B1 → #162447
#162447 → #FFD700
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#1B1B2F
#E43F5A
#F5B7B1
#162447
#FFD700
Export Code
:root {
--color-1: #1B1B2F;
--color-2: #E43F5A;
--color-3: #F5B7B1;
--color-4: #162447;
--color-5: #FFD700;
}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.