#EE2A7B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ee2a7b is a high-saturation pink that demands immediate attention. It works best as an accent or call-to-action button, as it can overwhelm larger surfaces. Black text remains legible here, providing a 5.3:1 contrast ratio for accessibility. If your design avoids the earthy tones found when mixing brown, this shade brings sharp, intense energy to the composition. The hex code for this color is #ee2a7b.
Questions about #ee2a7b
What is #ee2a7b in RGB, HSL and CMYK?
In RGB, #ee2a7b is rgb(238, 42, 123), in HSL hsl(335, 85%, 55%) and in CMYK 0%, 82%, 48%, 7%.
How can #ee2a7b be used effectively in interface design?
#ee2a7b functions best as a high-contrast accent or call-to-action button color rather than a primary background shade. Its intense saturation naturally draws the eye, making it ideal for elements you want users to click immediately.
What colors pair well with #ee2a7b?
This vibrant pink pairs effectively with a neutral charcoal or deep navy to ground its intensity and provide readability. You can also use soft, muted grays to balance the sharp energy without competing for attention.
Is #ee2a7b readable on white or black?
#ee2a7b has a 3.99:1 contrast ratio on white and 5.25: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.