#ED4126 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, intense orange-red commands immediate attention. Because of its extreme brightness, #ed4126 works best as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs surprisingly well with dark charcoal grays, which ground its aggressive energy. Ensure high readability by using black text, as it maintains enough contrast for accessible body copy.
Questions about #ed4126
What is #ed4126 in RGB, HSL and CMYK?
In RGB, #ed4126 is rgb(237, 65, 38), in HSL hsl(8, 85%, 54%) and in CMYK 0%, 73%, 84%, 7%.
How should I use #ed4126 in UI design?
Use #ed4126 sparingly as a 10% accent color for primary buttons, notifications, or call-to-action highlights. Its extreme brightness can overwhelm larger areas, so pair it with neutral charcoal grays to ground the energy while maintaining high contrast for readability.
Is #ed4126 readable on white or black?
#ed4126 has a 3.89:1 contrast ratio on white and 5.38: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.