#EF4B26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy red features intense orange undertones that demand immediate attention. Because of its extreme saturation, #ef4b26 functions best as a functional accent for buttons or alerts rather than a full page background. It pairs effectively with dark charcoal grays, which ground the intensity of this vivid hue. The hex code for this powerful, attention-grabbing shade is #ef4b26.
Questions about #ef4b26
What is #ef4b26 in RGB, HSL and CMYK?
In RGB, #ef4b26 is rgb(239, 75, 38), in HSL hsl(11, 86%, 54%) and in CMYK 0%, 69%, 84%, 6%.
How should I use #ef4b26 in a layout?
Use #ef4b26 as an intentional, functional accent rather than a background color. Its extreme saturation demands attention, making it perfect for primary call-to-action buttons or urgent interface notifications that need to stand out from the page layout.
Which colors pair well with #ef4b26?
Dark, neutral tones like charcoal provide the best contrast for #ef4b26 by grounding its vivid orange-red intensity. Avoid pairing it with other highly saturated hues, as they will compete for attention and reduce the impact of your UI elements.
Is #ef4b26 readable on white or black?
#ef4b26 has a 3.68:1 contrast ratio on white and 5.70: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.