#EB5E86 Hex Color

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

Hex color #eb5e86 graphic
This saturated pink is intense and demands attention. Because it is so loud, use #eb5e86 as a 10% accent rather than a full page background. It pairs well with deep charcoal or slate gray to balance the heat. The hex code #eb5e86 offers strong readability with black text, making it a functional choice for high-impact call to action buttons or design highlights.

Questions about #eb5e86

What is #eb5e86 in RGB, HSL and CMYK?
In RGB, #eb5e86 is rgb(235, 94, 134), in HSL hsl(343, 78%, 65%) and in CMYK 0%, 60%, 43%, 8%.
How should I use #eb5e86 in a website layout?
Because #eb5e86 is highly saturated and demands immediate attention, it works best when limited to small UI elements like primary call to action buttons. Avoid using it as a large background color, as it can easily overwhelm the eyes.
Which neutral colors best balance the intensity of #eb5e86?
To effectively ground the heat of this shade, pair it with deep, muted neutrals such as charcoal or slate gray. These darker tones provide necessary contrast that keeps the design feeling balanced rather than chaotic or overly aggressive in appearance.
Is #eb5e86 readable on white or black?
#eb5e86 has a 3.24:1 contrast ratio on white and 6.47: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.