#ED6A61 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bold, saturated red, #ed6a61 packs high intensity and demands attention. Due to its warmth and brightness, it works best as a 10% accent color rather than a large background. While it pairs well with neutrals, it also creates a striking contrast when grounded by similar brown shades. The hex code #ed6a61 remains readable with black text, making it a functional choice for high-impact UI elements.
Questions about #ed6a61
What is #ed6a61 in RGB, HSL and CMYK?
In RGB, #ed6a61 is rgb(237, 106, 97), in HSL hsl(4, 80%, 65%) and in CMYK 0%, 55%, 59%, 7%.
How should I use #ed6a61 in a user interface?
#ed6a61 functions best as a focused accent color rather than a primary background because of its high saturation. Limit its use to about 10 percent of your total layout to maintain visual balance while ensuring readable, high-contrast text.
Which colors balance the intensity of #ed6a61?
Ground the vibrancy of #ed6a61 by pairing it with neutral tones like charcoal or deep, desaturated browns. These grounding elements prevent the color from overwhelming the design while allowing its warmth to provide a striking, modern focal point.
Is #ed6a61 readable on white or black?
#ed6a61 has a 3.07:1 contrast ratio on white and 6.83: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.