#FFDA53 Hex Color

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

Hex color #ffda53 graphic
#ffda53 is a high-energy yellow that demands attention, making it ideal for sale tags or urgent call-to-action buttons. Because it sits on the lighter, more luminous end of the spectrum, it can quickly overwhelm a design if used as a primary background. Pair it with charcoal gray text for maximum legibility, as the high contrast provides excellent readability for UI elements or bold signage.

Questions about #ffda53

What is #ffda53 in RGB, HSL and CMYK?
In RGB, #ffda53 is rgb(255, 218, 83), in HSL hsl(47, 100%, 66%) and in CMYK 0%, 15%, 67%, 0%.
Why is #ffda53 difficult to use as a primary background?
Because #ffda53 is incredibly luminous, it tends to overwhelm the eye and make on-screen text difficult to read if used across large areas. It works much better as an accent for call-to-action buttons or small UI elements where high visibility is the goal.
What text color works best against #ffda53?
You need a high-contrast dark tone to ensure accessibility, as light colors will simply vanish against this bright yellow. Pairing it with charcoal or deep neutral grays provides the best legibility for buttons, signage, or any layout where users need to clearly read text.
Is #ffda53 readable on white or black?
#ffda53 has a 1.36:1 contrast ratio on white and 15.40: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.