#F5C332 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #f5c332 is a saturated, warm yellow that demands immediate attention. It performs best as a 10% accent color rather than a full background. Pair it with deep charcoal or navy to ground its intensity. Since black text maintains a high 12.7:1 contrast ratio against this hue, it remains readable even at small sizes. Use it for sale banners or call-to-action buttons.
Questions about #f5c332
What is #f5c332 in RGB, HSL and CMYK?
In RGB, #f5c332 is rgb(245, 195, 50), in HSL hsl(45, 91%, 58%) and in CMYK 0%, 20%, 80%, 4%.
What colors pair well with #f5c332?
Is #f5c332 suitable for web typography?
Using #f5c332 as a background color allows for excellent readability with black text, maintaining a 12.7:1 contrast ratio. However, avoid using this yellow for text itself, as it lacks sufficient contrast against white backgrounds and will be difficult for users to read.
Is #f5c332 readable on white or black?
#f5c332 has a 1.64:1 contrast ratio on white and 12.73: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.