#F26D21 Hex Color

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

Hex color #f26d21 graphic
Demanding and saturated, this orange burns bright without tipping into neon. The hex code #f26d21 has a red undertone that keeps it lush instead of harsh. It earns its keep as an accent or call-to-action color, where black text over it holds about 7.0:1 contrast. Full-screen, it gets loud fast, so spend it in small doses.

Questions about #f26d21

What is #f26d21 in RGB, HSL and CMYK?
In RGB, #f26d21 is rgb(242, 109, 33), in HSL hsl(22, 89%, 54%) and in CMYK 0%, 55%, 86%, 5%.
What colors pair well with #f26d21?
Deep teal and navy give #f26d21 a striking, balanced frame, while charcoal keeps it grounded for UI work. Skip reds and yellows nearby, since they blur the line between warm hues and muddle the palette.
Is black or white text better on #f26d21?
Black text reads clearly on #f26d21 at about 7.0:1 contrast, which passes WCAG AA for body copy. White text falls well short of that threshold and should stay off small type.
Is #f26d21 readable on white or black?
#f26d21 has a 3.00:1 contrast ratio on white and 6.98:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.