#F0A266 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, sun-washed orange offers a friendly and optimistic feel. Because #f0a266 sits in the mid-range of lightness and saturation, it works best as a primary accent or a secondary block rather than a large background. It pairs well with deep charcoals, as the contrast makes the warm undertones pop. With a 10.1:1 ratio against black text, it is highly readable for UI elements.
Questions about #f0a266
What is #f0a266 in RGB, HSL and CMYK?
In RGB, #f0a266 is rgb(240, 162, 102), in HSL hsl(26, 82%, 67%) and in CMYK 0%, 33%, 57%, 6%.
Where should I use #f0a266 in a design layout?
#f0a266 serves best as a functional accent or secondary block rather than a primary background color. Use it for call-to-action buttons or highlights, where its friendly and high-visibility nature naturally draws the eye without overwhelming the overall page composition.
What colors pair well with #f0a266 for a balanced palette?
Deep neutrals like charcoal or slate blue provide the best contrast for #f0a266. Because the orange is light and sunny, pairing it with dark, cool-toned backgrounds anchors the design and makes the warmer undertones pop effectively against the surface.
Is #f0a266 readable on white or black?
#f0a266 has a 2.08:1 contrast ratio on white and 10.06: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.