#FFB261 Hex Color

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

Hex color #ffb261 graphic
#ffb261 is a glowing, high-saturation orange that demands attention. Because it is so bright, it works best as a 10% accent color rather than a large background. It pairs well with deep charcoal or navy text, providing excellent readability. If you are learning how to make orange, this shade serves as a standard reference point for a warm, cheerful tone.

Questions about #ffb261

What is #ffb261 in RGB, HSL and CMYK?
In RGB, #ffb261 is rgb(255, 178, 97), in HSL hsl(31, 100%, 69%) and in CMYK 0%, 30%, 62%, 0%.
What colors pair well with #ffb261 for web design?
#ffb261 works best when contrasted against deep, dark neutrals to ensure text readability and visual balance. Pair this vibrant orange with charcoal or navy to ground the intensity while keeping the cheerful, energetic vibe of the color intact.
Is #ffb261 suitable for large background areas?
Avoid using #ffb261 as a primary background color because its high saturation and brightness can overwhelm the viewer and cause eye strain. It is much more effective when reserved for call-to-action buttons, highlights, or small icons that need to stand out.
Is #ffb261 readable on white or black?
#ffb261 has a 1.78:1 contrast ratio on white and 11.79: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.