#FF7E26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange demands attention with high intensity and warmth. As a classic accent color, #ff7e26 works best in small doses to draw eyes toward calls to action or UI highlights. It pairs unexpectedly well with deep charcoal grays, which ground its neon energy. While black text remains highly readable over this shade, avoid using it for large backgrounds, as the intensity can quickly overwhelm your composition.
Questions about #ff7e26
What is #ff7e26 in RGB, HSL and CMYK?
In RGB, #ff7e26 is rgb(255, 126, 38), in HSL hsl(24, 100%, 57%) and in CMYK 0%, 51%, 85%, 0%.
What colors pair best with the high intensity of #ff7e26?
This vibrant orange thrives when paired with dark, grounding neutrals like charcoal or deep slate, which effectively balance its neon energy. Using softer, muted grays prevents the color from overwhelming a composition while keeping the focus on your call-to-action elements.
Is #ff7e26 suitable for large-scale UI backgrounds?
Avoid using #ff7e26 for full-page backgrounds because its extreme saturation can cause visual fatigue and make reading text difficult. Instead, reserve this bold shade for specific, intentional UI highlights that require immediate user attention, such as buttons or progress indicators.
Is #ff7e26 readable on white or black?
#ff7e26 has a 2.54:1 contrast ratio on white and 8.26:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.