#F27827 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange is intense and demands immediate attention. Because it is so loud and aggressive, use #f27827 strictly as a high-impact accent color rather than a main background. It pairs exceptionally well with deep charcoal grays, which ground its brightness. The hex code is #f27827, and it offers enough contrast for black text to remain legible in most UI applications.
Questions about #f27827
What is #f27827 in RGB, HSL and CMYK?
In RGB, #f27827 is rgb(242, 120, 39), in HSL hsl(24, 89%, 55%) and in CMYK 0%, 50%, 84%, 5%.
How should I use #f27827 in a design layout?
Because #f27827 is incredibly loud and high-energy, it works best as a small accent rather than a background. Use it sparingly for call-to-action buttons or highlights, and ground its intensity by pairing it with dark charcoal or deep slate tones.
Is #f27827 readable on white or black?
#f27827 has a 2.80:1 contrast ratio on white and 7.49: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.