#ED5A5A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated red demands immediate attention. #ed5a5a functions best as a high-impact accent color rather than a primary background, where it can easily overwhelm a layout. It pairs cleanly with charcoal grays and dark teals for a grounded look. Because it offers a 6.2:1 contrast ratio against black text, this hex code works reliably for readable, punchy interface buttons and call-to-action elements.
Questions about #ed5a5a
What is #ed5a5a in RGB, HSL and CMYK?
In RGB, #ed5a5a is rgb(237, 90, 90), in HSL hsl(0, 80%, 64%) and in CMYK 0%, 62%, 62%, 7%.
How should I use #ed5a5a in a user interface?
Use #ed5a5a sparingly as a high-impact accent color for call-to-action buttons rather than as a primary background, as it can easily overwhelm a layout. It offers a strong 6.2:1 contrast ratio against black text, ensuring excellent readability for interface elements.
What colors pair well with #ed5a5a for a balanced design?
Is #ed5a5a readable on white or black?
#ed5a5a has a 3.38:1 contrast ratio on white and 6.21: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.