#FFC258 Hex Color

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

Hex color #ffc258 graphic
#ffc258 is a high-energy, golden orange with bright, optimistic saturation. It acts as an excellent accent color for UI elements or buttons where you need to draw the eye immediately. Because this shade provides strong contrast against black text, it is readable even at smaller scales. Pair it with deep charcoal for a modern look, or check out similar orange shades to balance your palette.

Questions about #ffc258

What is #ffc258 in RGB, HSL and CMYK?
In RGB, #ffc258 is rgb(255, 194, 88), in HSL hsl(38, 100%, 67%) and in CMYK 0%, 24%, 65%, 0%.
How does #ffc258 perform in digital UI design?
#ffc258 offers high visibility and creates immediate focal points when used for call-to-action buttons or highlights. Because of its intense saturation, it works best as a spot color rather than a primary background to avoid overwhelming the user interface.
What colors pair well with #ffc258?
Pair #ffc258 with charcoal or deep navy to create a sophisticated, high-contrast look that grounds the energy of the orange. Using a neutral grey or off-white allows this warm, golden tone to pop without clashing against your base palette.
Is #ffc258 readable on white or black?
#ffc258 has a 1.60:1 contrast ratio on white and 13.10: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.