#E778B2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e778b2 graphic
#e778b2 is a saturated, high-energy pink that commands immediate attention. Its vivid intensity makes it an excellent choice for bold calls to action or playful branding accents rather than large backgrounds. Because this color offers excellent contrast, black text remains highly legible against it. Designers should use this hex code sparingly to avoid overwhelming the viewer, pairing it with dark charcoal for a modern, sophisticated edge.

Questions about #e778b2

What is #e778b2 in RGB, HSL and CMYK?
In RGB, #e778b2 is rgb(231, 120, 178), in HSL hsl(329, 70%, 69%) and in CMYK 0%, 48%, 23%, 9%. Browse more shades of pink with names and hex codes.
How should I use #e778b2 in a user interface?
Use #e778b2 sparingly for critical call-to-action buttons or small UI accents where you need to draw the eye immediately. Because of its high saturation, it can overwhelm viewers if applied to large backgrounds or text-heavy sections.
What colors pair best with #e778b2?
Pair #e778b2 with deep charcoal or dark gray tones to create a balanced, modern contrast that keeps the pink from feeling too chaotic. Avoid competing with other high-saturation neons, as this shade naturally commands attention on its own.
Is #e778b2 readable on white or black?
#e778b2 has a 2.71:1 contrast ratio on white and 7.72:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.