#FAD500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated yellow #fad500 commands attention with its intense, glowing warmth. It serves best as a 10% accent color for call-to-action buttons or high-visibility banners where you need to draw the eye. Since black text provides an excellent contrast ratio of 14.6:1 against this background, the hex code remains highly legible for UI elements. Use it sparingly to avoid overwhelming your design layout.
Questions about #fad500
What is #fad500 in RGB, HSL and CMYK?
In RGB, #fad500 is rgb(250, 213, 0), in HSL hsl(51, 100%, 49%) and in CMYK 0%, 15%, 100%, 2%.
How should I use #fad500 in my UI design?
Reserve #fad500 strictly for high-visibility accent elements like call-to-action buttons or status alerts where you need to draw the user's eye immediately. Because this yellow is so intense, it can easily overwhelm a layout if used as a primary background.
Is #fad500 readable on white or black?
#fad500 has a 1.44:1 contrast ratio on white and 14.58: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.