#F0D661 Hex Color

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

Hex color #f0d661 graphic
Bright and sunny, #f0d661 acts as a high-visibility accent rather than a base color. Its strong yellow saturation draws immediate attention, making it effective for call-to-action buttons or promotional graphics. Because black text maintains a high contrast ratio against this hex code, it remains legible at most sizes. Pair it with deep charcoals or dark teals to ground the intensity and prevent it from feeling overwhelming.

Questions about #f0d661

What is #f0d661 in RGB, HSL and CMYK?
In RGB, #f0d661 is rgb(240, 214, 97), in HSL hsl(49, 83%, 66%) and in CMYK 0%, 11%, 60%, 6%. Browse more shades of yellow with names and hex codes.
What colors pair best with #f0d661 to keep it grounded?
Because #f0d661 is so intense, it works best when balanced by deep, cool tones like charcoal or navy. These dark neutrals prevent the yellow from feeling visually overwhelming while keeping the overall design legible and sophisticated.
Is #f0d661 readable on white or black?
#f0d661 has a 1.44:1 contrast ratio on white and 14.49: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.