#F3B31C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow carries a warm, golden quality that feels both energized and approachable. Because of its intensity, #f3b31c works best as a punchy 10% accent rather than a dominant background color. It pairs surprisingly well with deep charcoal grays to create modern, high-contrast layouts. The hex code is #f3b31c, and it offers excellent legibility with standard black body text for accessible UI designs.
Questions about #f3b31c
What is #f3b31c in RGB, HSL and CMYK?
In RGB, #f3b31c is rgb(243, 179, 28), in HSL hsl(42, 90%, 53%) and in CMYK 0%, 26%, 88%, 5%.
How can I use #f3b31c effectively in UI design?
Treat #f3b31c as a deliberate 10% accent rather than a dominant background color to maintain user focus. It works exceptionally well against charcoal or deep neutral grays, ensuring your interface stays accessible while maintaining high-impact visual energy.
Is #f3b31c readable on white or black?
#f3b31c has a 1.86:1 contrast ratio on white and 11.27: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.