#F2C680 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2c680 is a soft, desaturated orange that radiates warmth without being aggressive. Because it is light and mellow, it works well as a base for youthful, optimistic branding. Pair it with deep charcoal or navy to provide structure against this gentle tone. The hex code #f2c680 reads clearly with black text, making it a functional choice for both background and typography-heavy UI designs.
Questions about #f2c680
What is #f2c680 in RGB, HSL and CMYK?
In RGB, #f2c680 is rgb(242, 198, 128), in HSL hsl(37, 81%, 73%) and in CMYK 0%, 18%, 47%, 5%.
What colors pair well with #f2c680 for UI design?
#f2c680 pairs best with deep charcoal, navy blue, or slate grey to create necessary structural contrast. These darker, cooler tones ground the light, airy nature of #f2c680, ensuring that typography and interface elements remain highly readable while maintaining a sophisticated, balanced aesthetic.
Is #f2c680 readable on white or black?
#f2c680 has a 1.59:1 contrast ratio on white and 13.16: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.