#FDF808 Hex Color

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

Hex color #fdf808 graphic
This high-saturation yellow demands immediate attention. Because of its intensity, #fdf808 works best as a 10% accent rather than a dominant background. Pair it with charcoal gray or navy to ground the visual energy. Since black text provides an excellent 18.6:1 contrast against this hex code, it is an accessible choice for call-to-action buttons or urgent UI highlights.

Questions about #fdf808

What is #fdf808 in RGB, HSL and CMYK?
In RGB, #fdf808 is rgb(253, 248, 8), in HSL hsl(59, 98%, 51%) and in CMYK 0%, 2%, 97%, 1%.
Is #fdf808 suitable for background use?
#fdf808 is far too saturated for large background areas and typically causes eye strain if used extensively. Reserve this hex color for small UI highlights, urgent notification badges, or tiny accent elements that require immediate user focus within a design.
Which colors pair well with #fdf808?
Strong, neutral tones like charcoal or deep navy ground this intense yellow by providing necessary contrast. These darker tones prevent the brightness of #fdf808 from dominating the visual hierarchy, creating a balanced palette that remains professional while still demanding attention for buttons.
Is #fdf808 readable on white or black?
#fdf808 has a 1.12:1 contrast ratio on white and 18.60: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.