#9E2256 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9e2256 is an intense, saturated pink with distinct magenta undertones. Its high contrast makes it a powerful choice for call-to-action buttons or small, moody accents demanding immediate attention. Because it offers excellent legibility for white text, this hex code works well in high-impact UI elements. Avoid using it for large backgrounds, as the saturation can overwhelm a layout.
Questions about #9e2256
What is #9e2256 in RGB, HSL and CMYK?
In RGB, #9e2256 is rgb(158, 34, 86), in HSL hsl(335, 65%, 38%) and in CMYK 0%, 78%, 46%, 38%.
How should I use #9e2256 in a user interface?
Reserve #9e2256 for small, high-impact UI elements like call-to-action buttons or accent icons where you need to draw the eye immediately. Because this pink is so highly saturated, it can easily overwhelm a design if applied to large backgrounds or text blocks.
What colors pair well with #9e2256?
This magenta pairs best with neutral tones that balance its high intensity, such as a crisp white for readability or a deep charcoal to ground the palette. Avoid pairing it with other overly bright colors, which can cause visual vibration and strain the eyes.
Is #9e2256 readable on white or black?
#9e2256 has a 7.45:1 contrast ratio on white and 2.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.