#ED4F81 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold pink is highly saturated and demands attention. Because it is so intense, use the hex code #ed4f81 as a small accent rather than a full background to avoid overwhelming your layout. It pairs well with deep charcoal or slate grays, which ground its brightness. While black text is legible over this shade, stick to using it for calls to action or UI highlights.
Questions about #ed4f81
What is #ed4f81 in RGB, HSL and CMYK?
In RGB, #ed4f81 is rgb(237, 79, 129), in HSL hsl(341, 81%, 62%) and in CMYK 0%, 67%, 46%, 7%.
What colors pair well with #ed4f81?
This intense pink creates a balanced visual weight when paired with deep, neutral tones like charcoal or dark slate. Using these dark, grounded grays effectively anchors the high saturation of #ed4f81, preventing the design from feeling too chaotic or overwhelming.
Should #ed4f81 be used for background colors?
Avoid using #ed4f81 as a full background because its high saturation and intensity can quickly cause eye strain and impact readability. It is much more effective when reserved for small, deliberate elements like buttons, active states, or bold graphic highlights.
Is #ed4f81 readable on white or black?
#ed4f81 has a 3.47:1 contrast ratio on white and 6.03: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.