What color is #F1C40F?

#F1C40F is a medium, vivid yellow — rgb(241, 196, 15). Its nearest CSS named color is gold.

How do I make tints and shades of #F1C40F?

Mix #F1C40F with white for tints and with black for shades. A 20% tint of #F1C40F is #f4d03f and a 20% shade is #c19d0c; the full 10%–90% ramps are precomputed on this page.

What text color is readable on #F1C40F?

Black text gives the strongest contrast on a #F1C40F background at 12.64:1, which passes WCAG AA and AAA for normal text.

#F1C40F — Tints, Shades & Color Values

Every value on this page is precomputed — copy what you need.

#F1C40F

#F1C40F is a medium, vivid yellow. Its nearest CSS named color is gold (#ffd700). For readable text on a #F1C40F background, black text gives the strongest contrast (12.64:1). #F1C40F sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.

Want to fine-tune this color interactively? Open #F1C40F in the tint & shade generator to explore the full lightness, hue, and chroma scales and copy any step.

Color Values

Hex	`#F1C40F`
RGB	`rgb(241, 196, 15)`
HSL	`hsl(48, 89%, 50%)`
HSV / HSB	`48°, 94%, 95%`
Nearest named	`gold` (`#ffd700`)

Need these in another format? Use our hex to RGB converter for quick two-way conversion.

Tints of #F1C40F (Mixed with White)

Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.

10% tint #f2ca27
20% tint #f4d03f
30% tint #f5d657
40% tint #f7dc6f
50% tint #f8e287
60% tint #f9e79f
70% tint #fbedb7
80% tint #fcf3cf
90% tint #fef9e7

Shades of #F1C40F (Mixed with Black)

Each step blends the base color toward black using new = old × (1 − factor).

10% shade #d9b00e
20% shade #c19d0c
30% shade #a9890b
40% shade #917609
50% shade #796208
60% shade #604e06
70% shade #483b05
80% shade #302703
90% shade #181401

WCAG Contrast & Accessibility

Contrast ratios for text placed on a #F1C40F background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).

Text color	White text 1.66:1 — AA normal: Fail · AA large: Fail · AAA: Fail
	Black text 12.64:1 — AA normal: Pass · AA large: Pass · AAA: Pass

If neither pure white nor pure black reaches the level you need, pick a darker shade of #F1C40F from the ramps above as the background instead — small lightness moves change contrast quickly. Test any other pair with the free contrast checker.

More yellow colors in the library: #FFD700, #FFFF00, #EAB308 (yellow-500), #FACC15 (yellow-400), #FDE047 (yellow-300), #FCD34D (amber-300).

Frequently Asked Questions

What color is #F1C40F?

#F1C40F is a medium, vivid yellow — rgb(241, 196, 15). Its nearest CSS named color is gold.
How do I make tints and shades of #F1C40F?

Mix #F1C40F with white for tints and with black for shades. A 20% tint of #F1C40F is #f4d03f and a 20% shade is #c19d0c — the full 10%–90% ramps are precomputed on this page, or open #F1C40F in the generator for finer steps.
What text color is readable on #F1C40F?

Black text gives the strongest contrast on a #F1C40F background at 12.64:1, which passes WCAG AA and AAA for normal text.

Browse more colors in the color library, or start from any hex code on the HexTints homepage.

Building a brand around #F1C40F? Put it on a free link-in-bio page →