#FDC61A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and neon, #fdc61a acts as a glowing accent that grabs attention instantly. Use this shade sparingly for call-to-action buttons or small details to avoid overwhelming a layout. It offers superb readability when paired with black text. Pair this hex code with dark slate or navy to ground its warmth, as the intense hue often feels washed out against white backgrounds.
Questions about #fdc61a
What is #fdc61a in RGB, HSL and CMYK?
In RGB, #fdc61a is rgb(253, 198, 26), in HSL hsl(45, 98%, 55%) and in CMYK 0%, 22%, 90%, 1%.
How can I effectively use #fdc61a in a UI design?
#fdc61a functions best as a high-contrast accent for interactive elements like call-to-action buttons or notifications. Because of its extreme luminosity, avoid using it as a primary background color, as it can strain the eyes and make text difficult to read.
What colors pair well with #fdc61a?
Is #fdc61a readable on white or black?
#fdc61a has a 1.58:1 contrast ratio on white and 13.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.