#F23835 Hex Color

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

Hex color #f23835 graphic
Highly saturated and moderately light, #f23835 is a warm, clear red with a lively orange cast. Its forceful brightness brings urgency and excitement to calls to action, sports branding, food packaging, and sale graphics. Use it as a focused accent beside charcoal or navy rather than a full background. The hex code #f23835 supports readable black text at about 5.4:1 contrast.

Questions about #f23835

What is #f23835 in RGB, HSL and CMYK?
In RGB, #f23835 is rgb(242, 56, 53), in HSL hsl(1, 88%, 58%) and in CMYK 0%, 77%, 78%, 5%.
Does #f23835 work with black text?
The #f23835 hex color gives black text about a 5.4:1 contrast ratio, meeting WCAG AA for normal-sized text; check the final font size and weight when designing accessible interfaces and components.
What colors pair well with #f23835?
#f23835 pairs well with charcoal or navy, which soften its warm orange cast while preserving its energy for buttons, sale graphics, sports layouts, and food packaging where a focused accent works best rather than a full-page background.
Is #f23835 readable on white or black?
#f23835 has a 3.89:1 contrast ratio on white and 5.39: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.