#FF2626 Hex Color

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

Hex color #ff2626 graphic
This high-saturation red demands immediate attention. Because #ff2626 is so intense, it works best as a 10% accent rather than a dominant background. Pair it with dark grays or clean white to prevent visual fatigue. It passes accessibility standards for small text, but use it sparingly in UI design to highlight calls to action and critical alerts without overwhelming your users.

Questions about #ff2626

What is #ff2626 in RGB, HSL and CMYK?
In RGB, #ff2626 is rgb(255, 38, 38), in HSL hsl(0, 100%, 57%) and in CMYK 0%, 85%, 85%, 0%.
How should #ff2626 be used in UI design?
Use #ff2626 sparingly as a 10% accent rather than a dominant background color to avoid overwhelming users. It is highly effective for highlighting critical alerts or primary buttons, but always pair it with dark grays or clean white to prevent visual fatigue.
Is #ff2626 readable on white or black?
#ff2626 has a 3.77:1 contrast ratio on white and 5.55: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.