Dribbble Pink
Analogous • 5 colors • ❄️ Cool
Colors
Vibrant Fuchsia
#EA4C89RGB(234, 76, 137) • HSL(337°, 79%, 61%)
CMYK(0%, 68%, 41%, 8%)
Romance, sweetness, femininity, youth, tenderness
Light Fuchsia
#F082ACRGB(240, 130, 172) • HSL(337°, 79%, 73%)
CMYK(0%, 46%, 28%, 6%)
Romance, sweetness, femininity, youth, tenderness
Vibrant Magenta
#C32361RGB(195, 35, 97) • HSL(337°, 70%, 45%)
CMYK(0%, 82%, 50%, 24%)
Romance, sweetness, femininity, youth, tenderness
Velvet Black
#2C2C2CRGB(44, 44, 44) • HSL(0°, 0%, 17%)
CMYK(0%, 0%, 0%, 83%)
Neutrality, balance, professionalism, maturity
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
Cool
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.44:1Fail | 1.58:1Fail | 3.92:1Fail | 3.56:1Fail | |
1.44:1Fail | - | 2.28:1Fail | 5.65:1AA | 2.47:1Fail | |
1.58:1Fail | 2.28:1Fail | - | 2.48:1Fail | 5.62:1AA | |
3.92:1Fail | 5.65:1AA | 2.48:1Fail | - | 13.97:1AAA | |
3.56:1Fail | 2.47:1Fail | 5.62:1AA | 13.97: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
Technology & SaaS
Perfect for tech companies and digital products
Mobile Apps
Works well for mobile interfaces
Web Design
Suitable for modern websites
Palette Statistics
Type
Monochromatic
Temperature
❄️ Cool
Light / Dark
3 / 2
Avg Contrast
4.3:1
Hue Distribution
Color Properties
Contrast Analysis
Minimum
1.4:1
Average
4.3:1
Maximum
14.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
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 (5)
Colores 1 y 2 difíciles de distinguir (1.44:1) en modo normal
Colores 1 y 3 difíciles de distinguir (1.58:1) en modo normal
Colores 2 y 3 difíciles de distinguir (2.28:1) en modo normal
Colores 2 y 5 difíciles de distinguir (2.47:1) en modo normal
Colores 3 y 4 difíciles de distinguir (2.48:1) en modo normal
Gradients
Full linear gradient
background: linear-gradient(90deg, #EA4C89, #F082AC, #C32361, #2C2C2C, #FFFFFF);#EA4C89 → #F082AC
#F082AC → #C32361
#C32361 → #2C2C2C
#2C2C2C → #FFFFFF
Tints & Shades
Lighter (tints) and darker (shades) variations of each color
#EA4C89
#F082AC
#C32361
#2C2C2C
#FFFFFF
Export Code
:root {
--color-1: #EA4C89;
--color-2: #F082AC;
--color-3: #C32361;
--color-4: #2C2C2C;
--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.