#FFF6A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, luminous yellow feels unsaturated and mellow rather than aggressive. Because #fff6a2 lacks high chroma, it works best as a supporting accent or a soft background rather than a primary brand color. It pairs unexpectedly well with deep charcoals, creating a high-contrast look that remains readable. As the hex code #fff6a2 provides excellent contrast with black text, it functions effectively for legible UI elements.
Questions about #fff6a2
What is #fff6a2 in RGB, HSL and CMYK?
In RGB, #fff6a2 is rgb(255, 246, 162), in HSL hsl(54, 100%, 82%) and in CMYK 0%, 4%, 36%, 0%.
What makes #fff6a2 a good choice for UI text and backgrounds?
The pale, unsaturated nature of #fff6a2 provides excellent readability against dark, high-contrast elements like charcoal. It avoids the aggressive, harsh quality of vibrant yellows, making it a stable, professional choice for background accents that need to remain visually accessible to users.
How should I use #fff6a2 in a color palette?
Treat #fff6a2 as a secondary accent or supporting tone rather than a dominant brand hue. Because it lacks high chroma, it works best when grounded by darker, neutral colors that anchor the overall design and prevent the palette from feeling washed out.
Is #fff6a2 readable on white or black?
#fff6a2 has a 1.10:1 contrast ratio on white and 18.95: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.