#FFFF1C Hex Color

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

Hex color #ffff1c graphic
#ffff1c is a high-intensity, luminous yellow that demands immediate attention. Due to its extreme saturation, it works best as a sharp accent color rather than a large background. Pair it with charcoal to maintain readability, as the hex code #ffff1c offers an excellent 19.6:1 contrast ratio with black text. Use it sparingly for sale badges or critical alerts to cut through visual noise.

Questions about #ffff1c

What is #ffff1c in RGB, HSL and CMYK?
In RGB, #ffff1c is rgb(255, 255, 28), in HSL hsl(60, 100%, 55%) and in CMYK 0%, 0%, 89%, 0%.
How should I use #ffff1c effectively in interface design?
#ffff1c is best reserved for small, high-priority UI elements like critical alerts, notifications, or primary call-to-action buttons. Because it is extremely luminous, using it as a large background can cause eye strain; pair it with deep charcoal text to ensure readability.
What colors pair well with the intensity of #ffff1c?
This yellow pairs best with dark, neutral tones like charcoal or deep navy to provide necessary contrast and grounded balance. Avoid pairing it with other neon or bright colors, as they will compete for attention and reduce the impact of your design.
Is #ffff1c readable on white or black?
#ffff1c has a 1.07:1 contrast ratio on white and 19.57: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.