#E05780 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pink is intense, loud, and demands attention. It acts best as a sharp accent rather than a background color, effectively drawing the eye to calls to action or UI highlights. Since it sits comfortably against black text, it offers high readability for buttons or icons. If you need to tone down its brightness, understanding what colors make gray can help integrate it into more sophisticated palettes. The hex code is #e05780.
Questions about #e05780
What is #e05780 in RGB, HSL and CMYK?
In RGB, #e05780 is rgb(224, 87, 128), in HSL hsl(342, 69%, 61%) and in CMYK 0%, 61%, 43%, 12%.
Where should I use #e05780 in my design?
#e05780 acts best as a sharp accent color rather than a background. Use it sparingly on primary call-to-action buttons or interface icons where you need to guide the user's eye and demand immediate attention within a layout.
What colors pair well with the intensity of #e05780?
Balance this intense pink by pairing it with neutral, grounded tones like charcoal or deep slate to maintain readability. These dark neutrals provide a stable backdrop that allows the high-energy saturation of #e05780 to pop without overwhelming the viewer.
Is #e05780 readable on white or black?
#e05780 has a 3.59:1 contrast ratio on white and 5.84: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.