#EA5680 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, beaming pink commands attention immediately. Because of its intensity, #ea5680 functions best as a targeted accent or button rather than a full page background. Black text provides excellent readability against this shade, offering a 6.1:1 contrast ratio that meets accessibility standards. Pair this hex code with dark navy or slate gray to ground its high-energy character.
Questions about #ea5680
What is #ea5680 in RGB, HSL and CMYK?
In RGB, #ea5680 is rgb(234, 86, 128), in HSL hsl(343, 78%, 63%) and in CMYK 0%, 63%, 45%, 8%.
How can I effectively use #ea5680 in a user interface?
#ea5680 is best utilized as a high-impact accent color for interactive elements like buttons, badges, or primary calls to action. Avoid using it for large background blocks, as its high saturation can quickly overwhelm the viewer and tire the eyes.
Is #ea5680 readable on white or black?
#ea5680 has a 3.41:1 contrast ratio on white and 6.14: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.