#FFC425 Hex Color

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

Hex color #ffc425 graphic
#ffc425 is a bright, saturated yellow that demands attention. It feels energetic and warm, making it effective for sale banners or urgent UI calls-to-action. Because this hex code has high luminosity, use it as a 10% accent rather than a full background to avoid overwhelming viewers. Pair it with deep charcoal for legibility, as black text reads perfectly against this sunny shade.

Questions about #ffc425

What is #ffc425 in RGB, HSL and CMYK?
In RGB, #ffc425 is rgb(255, 196, 37), in HSL hsl(44, 100%, 57%) and in CMYK 0%, 23%, 85%, 0%.
How should I pair #ffc425 in UI design?
Because #ffc425 is highly luminous, pair it with deep tones like charcoal or navy to ensure text remains readable. Use this yellow sparingly as a 10% accent color to draw the eye to buttons or banners without overwhelming the interface.
Why does #ffc425 feel so urgent?
This shade sits firmly in the high-saturation warm spectrum, which our eyes naturally perceive as bright and alerting. It mimics the visibility of warning signals and sunlight, making it a powerful choice for drawing immediate attention to calls-to-action or sales.
Is #ffc425 readable on white or black?
#ffc425 has a 1.59:1 contrast ratio on white and 13.17: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.