#FAD62D Hex Color

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

Hex color #fad62d graphic
#fad62d is a high-energy yellow that demands immediate attention. Due to its intense saturation, it functions best as a 10% accent color for call-to-action buttons rather than a dominant background. Black text remains legible against this shade, ensuring solid accessibility for UI elements. Use this hex code #fad62d sparingly to highlight important information in sales or branding, as overuse often washes out surrounding design elements.

Questions about #fad62d

What is #fad62d in RGB, HSL and CMYK?
In RGB, #fad62d is rgb(250, 214, 45), in HSL hsl(49, 95%, 58%) and in CMYK 0%, 14%, 82%, 2%.
How should I use #fad62d in a user interface?
Because #fad62d is an intensely saturated yellow, use it sparingly as a strategic accent color for call-to-action buttons rather than as a dominant background. Pairing it with charcoal or deep black text ensures the best accessibility and readability for your users.
Is #fad62d readable on white or black?
#fad62d has a 1.42:1 contrast ratio on white and 14.72: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.