#F8CC1B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, golden yellow demands attention with high saturation and a warm glow. Because it commands the eye, use #f8cc1b as a 10% accent color rather than a primary background to avoid visual fatigue. It pairs well against deep charcoal or navy text for strong readability. The hex code #f8cc1b excels in buttons or badges where you need to signal opportunity and immediate action.
Questions about #f8cc1b
What is #f8cc1b in RGB, HSL and CMYK?
In RGB, #f8cc1b is rgb(248, 204, 27), in HSL hsl(48, 94%, 54%) and in CMYK 0%, 18%, 89%, 3%.
How should I use #f8cc1b in UI design?
Apply #f8cc1b sparingly as a 10% accent color to highlight buttons or badges rather than using it for large backgrounds. Its high saturation commands immediate attention, making it perfect for signaling opportunity and prompting users to take specific actions.
What colors pair well with #f8cc1b?
Is #f8cc1b readable on white or black?
#f8cc1b has a 1.53:1 contrast ratio on white and 13.64: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.