#ED366A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation pinkish-red demands immediate attention. Because #ed366a is so aggressive, it works best as an accent rather than a background color, where it can easily overwhelm the eye. Pair this hex code with dark charcoals or cool navies to ground its intensity. With a 5.3:1 contrast ratio against black text, it also remains a strong choice for high-visibility call-to-action buttons.
Questions about #ed366a
What is #ed366a in RGB, HSL and CMYK?
In RGB, #ed366a is rgb(237, 54, 106), in HSL hsl(343, 84%, 57%) and in CMYK 0%, 77%, 55%, 7%.
What is the best way to use #ed366a in web design?
Use #ed366a sparingly as a high-visibility accent color rather than a primary background to avoid overwhelming your audience. It functions best for attention-grabbing call-to-action buttons or highlights when paired against dark neutrals like charcoal or deep blues.
Is #ed366a readable on white or black?
#ed366a has a 3.93:1 contrast ratio on white and 5.33: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.