#F26522 Hex Color
A high-energy orange that demands immediate attention
#f26522 is a saturated, high-energy orange that demands immediate attention. Because of its intensity, it functions best as a 10% accent color rather than a large background. It pairs exceptionally well with cool, dark charcoals, which ground its brightness. With a 6.7:1 contrast ratio against black text, it maintains excellent readability for call-to-action buttons or highlights. Use this hex code sparingly to maintain visual balance.
Questions about #f26522
What is #f26522 in RGB, HSL and CMYK?
In RGB, #f26522 is rgb(242, 101, 34), in HSL hsl(19, 89%, 54%) and in CMYK 0%, 58%, 86%, 5%.
How should I use #f26522 in a UI design?
#f26522 is an intense, high-energy hue that works best when used sparingly as an accent color. Limit it to about 10% of your interface, such as for call-to-action buttons or highlights, to ensure it doesn't overwhelm your layout.
What colors pair well with #f26522 for a balanced palette?
Because of its high saturation, #f26522 is grounded beautifully by cool, dark neutrals like charcoal. These dark tones provide the necessary contrast to tame the brightness of the orange while keeping the overall design legible and modern.
Is #f26522 readable on white or black?
#f26522 has a 3.15:1 contrast ratio on white and 6.66: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.