#F6FB66 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f6fb66 graphic
This luminous, high-chroma yellow feels incredibly warm and spontaneous. Because #f6fb66 is so light and intense, it works best as a punchy accent color rather than a primary background. It pairs exceptionally well with charcoal grays or deep navies to ground its energy. Black text provides excellent readability against this hex code, making it a functional choice for high-visibility buttons or limited-run promotional alerts.

Questions about #f6fb66

What is #f6fb66 in RGB, HSL and CMYK?
In RGB, #f6fb66 is rgb(246, 251, 102), in HSL hsl(62, 95%, 69%) and in CMYK 2%, 0%, 59%, 2%.
When should I use #f6fb66 in a design?
Use #f6fb66 as a high-visibility accent color for buttons, notifications, or call-to-action elements where you need to draw the eye immediately. Because this yellow is extremely bright and intense, avoid using it as a primary background color to prevent eye strain.
What colors pair best with #f6fb66?
This vibrant yellow works best when balanced by deep, cool neutrals like charcoal or navy. These dark, grounding colors provide the high contrast needed for readable text, effectively balancing the intense, spontaneous energy this yellow brings to your layout.
Is #f6fb66 readable on white or black?
#f6fb66 has a 1.11:1 contrast ratio on white and 18.90: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.