#F33A26 Hex Color

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

Select a Color

#f33a26 is a high-intensity, saturated red that demands immediate attention. Because of its extreme brightness, it works best as a sharp accent rather than a background color. Pair it with dark grays or deep navies to ground its aggressive energy. With a contrast ratio of 5.4:1 against black, the hex code #f33a26 ensures small text remains perfectly legible.

Questions about #f33a26

What is #f33a26 in RGB, HSL and CMYK?

In RGB, #f33a26 is rgb(243, 58, 38), in HSL hsl(6, 90%, 55%) and in CMYK 0%, 76%, 84%, 5%.

How can I balance the intensity of #f33a26 in a layout?

Since #f33a26 is an aggressive, high-saturation color, pair it with neutral bases like charcoal or slate to ground the energy. These dark, muted tones prevent the brightness of the red from visually vibrating or overwhelming your primary interface components.

Is #f33a26 readable on white or black?

#f33a26 has a 3.85:1 contrast ratio on white and 5.44: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.

#F33A26 Hex Color

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

Questions about #f33a26

Color tools

Resources