#F3C131 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, sunny yellow demands attention with its high-energy saturation. Because #f3c131 is so bright, it works best as a small accent rather than a background color. Pair it with deep charcoal or slate greys to create a balanced, modern interface. The hex code #f3c131 offers excellent readability when used with black text, making it a functional choice for high-visibility buttons or call-to-action elements.
Questions about #f3c131
What is #f3c131 in RGB, HSL and CMYK?
In RGB, #f3c131 is rgb(243, 193, 49), in HSL hsl(45, 89%, 57%) and in CMYK 0%, 21%, 80%, 5%. Browse more shades of yellow with names and hex codes.
What colors pair best with the #f3c131 yellow?
Because #f3c131 is so vibrant and saturated, it creates a balanced, professional look when paired with deep charcoal or dark slate greys. Using it against a neutral dark background helps tone down its intensity while maintaining high readability.
Is #f3c131 a good choice for text on websites?
Generally, #f3c131 is too light for main body text and lacks sufficient contrast against standard white backgrounds. It serves best as a high-visibility accent, such as for buttons or icons, where black text layered on top ensures accessibility.
Is #f3c131 readable on white or black?
#f3c131 has a 1.68:1 contrast ratio on white and 12.48: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.