#F2E660 Hex Color

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

Hex color #f2e660 graphic
Bright and lightly softened, #f2e660 brings a warm, sparkling yellow to sale graphics, budget branding, and construction signage. Use it as a 10% accent beside charcoal or deep navy rather than a full-page background, where its lightness can feel tiring. The hex code #f2e660 supports black text at about 16.3:1 contrast, meeting WCAG AA for body text.

Questions about #f2e660

What is #f2e660 in RGB, HSL and CMYK?
In RGB, #f2e660 is rgb(242, 230, 96), in HSL hsl(55, 85%, 66%) and in CMYK 0%, 5%, 60%, 5%.
What colors pair well with #f2e660?
#f2e660 pairs well with charcoal or navy, which ground its bright warmth without competing for attention; use those darker partners for headlines, borders, or small accent areas rather than placing the yellow across an entire page.
Is #f2e660 readable on white or black?
#f2e660 has a 1.29:1 contrast ratio on white and 16.26: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.