#ED4182 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pink is intense and loud, demanding immediate attention. Because of its high chroma, it works best as a 10% accent color rather than a large background fill. The hex code for this color is #ed4182. It pairs well with deep charcoal grays to ground its energy. Use it for call-to-action buttons or small UI highlights where you need to drive user engagement.
Questions about #ed4182
What is #ed4182 in RGB, HSL and CMYK?
In RGB, #ed4182 is rgb(237, 65, 130), in HSL hsl(337, 83%, 59%) and in CMYK 0%, 73%, 45%, 7%.
How should I use #ed4182 in my interface design?
Use #ed4182 sparingly as a high-impact accent color rather than a background. Because of its extreme vibrancy, it works best for call-to-action buttons or small UI elements that need to draw the eye immediately against charcoal or dark gray backgrounds.
Does #ed4182 work well with neutral colors?
Yes, #ed4182 creates a strong visual hierarchy when paired with deep, neutral tones. It balances particularly well against dark charcoal or slate backgrounds, which prevent the pink from appearing too overwhelming or chaotic in a professional layout.
Is #ed4182 readable on white or black?
#ed4182 has a 3.69:1 contrast ratio on white and 5.67: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.