#F1DC6D Hex Color

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

Hex color #f1dc6d graphic
This sparkling, high-light yellow projects energy and spontaneous optimism. Because of its intense brightness, use #f1dc6d primarily as an accent color for calls to action or UI highlights rather than large backgrounds. It pairs beautifully with deep charcoal grays to ensure high legibility. The hex code for this glowing tone is #f1dc6d, which provides excellent contrast against standard black text for accessibility.

Questions about #f1dc6d

What is #f1dc6d in RGB, HSL and CMYK?
In RGB, #f1dc6d is rgb(241, 220, 109), in HSL hsl(50, 83%, 69%) and in CMYK 0%, 9%, 55%, 5%.
What is the best way to use #f1dc6d in web design?
Because #f1dc6d is extremely high-visibility, it functions best as an accent color for calls to action, focus states, or small UI icons rather than large backgrounds. Pair it with deep charcoal or near-black text to maintain readability and impact.
Is #f1dc6d readable on white or black?
#f1dc6d has a 1.38:1 contrast ratio on white and 15.19: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.