#FFA322 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffa322 is a high-energy orange that feels both warm and intensely saturated. Because it commands immediate attention, this shade works best as a 10% accent color rather than a dominant background. It pairs exceptionally well with deep charcoal grays to create a modern, high-contrast look. The hex code for this vivid orange is #ffa322, which provides excellent legibility when paired with black text.
Questions about #ffa322
What is #ffa322 in RGB, HSL and CMYK?
In RGB, #ffa322 is rgb(255, 163, 34), in HSL hsl(35, 100%, 57%) and in CMYK 0%, 36%, 87%, 0%.
What colors pair effectively with #ffa322 for a modern interface?
#ffa322 creates a striking visual balance when paired with dark, muted neutrals like charcoal. Because it is highly saturated, avoid using it for large text blocks or backgrounds, as it may overwhelm the user's eye and reduce overall accessibility.
Is #ffa322 a good choice for text-heavy layouts?
This shade works best as a functional accent rather than a primary text color. It provides excellent legibility against black, but it should be reserved for call-to-action buttons or highlights to maintain a clean, professional aesthetic without causing visual fatigue.
Is #ffa322 readable on white or black?
#ffa322 has a 1.99:1 contrast ratio on white and 10.51: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.