#EA1586 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated pink demands attention with its intense, beaming personality. Because of its sheer brightness, #ea1586 works best as a sharp accent rather than a background color. Pair it with deep charcoal or slate greys to ground the energy. The hex code #ea1586 offers enough contrast for legible black text, making it a reliable choice for buttons or calls to action in fashion and beauty layouts.
Questions about #ea1586
What is #ea1586 in RGB, HSL and CMYK?
In RGB, #ea1586 is rgb(234, 21, 134), in HSL hsl(328, 84%, 50%) and in CMYK 0%, 91%, 43%, 8%.
Why is #ea1586 better suited as an accent than a background color?
Because #ea1586 possesses such high saturation and brightness, using it as a full-page background often causes eye strain. It functions most effectively as a strategic highlight, drawing attention to call-to-action buttons or specific UI elements against neutral backdrops.
Which colors best ground the visual intensity of #ea1586?
To balance the beaming energy of #ea1586, pair it with dark, muted neutrals like charcoal or deep slate. These heavy tones absorb some of the visual noise, making the pink feel intentional and polished rather than overwhelming to the viewer.
Is #ea1586 readable on white or black?
#ea1586 has a 4.24:1 contrast ratio on white and 4.94: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.