#E06C9F Hex Color
Bold and vibrant saturated pink hue
This saturated pink is bold and loud, making it a high-energy choice for UI highlights or call-to-action buttons. The hex code #e06c9f carries a strong intensity that can overwhelm large backgrounds, so use it sparingly as an accent color. Pair it with dark charcoal grays for a modern, sophisticated look that keeps the text readable and the overall design balanced.
Questions about #e06c9f
What is #e06c9f in RGB, HSL and CMYK?
In RGB, #e06c9f is rgb(224, 108, 159), in HSL hsl(334, 65%, 65%) and in CMYK 0%, 52%, 29%, 12%.
How should I use #e06c9f in web design without overwhelming the viewer?
#e06c9f works best as a deliberate accent rather than a background color because of its intense saturation. Use it for call-to-action buttons or small UI elements where you need to draw immediate attention, balanced against neutral tones like charcoal or light grays.
What colors pair well with #e06c9f for a balanced interface?
To create a sophisticated contrast, pair #e06c9f with dark neutrals like charcoal or deep slate, which anchor the brightness of the pink. If you want a more vibrant scheme, look for soft teals or mint greens that provide a complementary shift in temperature.
Is #e06c9f readable on white or black?
#e06c9f has a 3.08:1 contrast ratio on white and 6.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.