#CF2626 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated red demands immediate attention. Because #cf2626 is so visually intense, use it sparingly as an accent color for calls to action or alert indicators rather than a full background. It pairs exceptionally well with cool charcoal grays, which ground its high-energy heat. The hex code #cf2626 offers enough contrast for white text, making it a reliable choice for readable, urgent UI elements.
Questions about #cf2626
What is #cf2626 in RGB, HSL and CMYK?
In RGB, #cf2626 is rgb(207, 38, 38), in HSL hsl(0, 69%, 48%) and in CMYK 0%, 82%, 82%, 19%.
Why is #cf2626 effective for interface design?
The high saturation of #cf2626 ensures excellent contrast against white backgrounds, making it a reliable choice for buttons, alerts, or error states. Because it is visually intense, it works best when limited to small, purposeful UI accents rather than large areas.
Which colors balance the intensity of #cf2626?
Cool neutrals like charcoal or slate gray effectively ground the high-energy heat of this red. Using these muted, darker tones prevents the vibrance from becoming overwhelming while still allowing the red to stand out as a primary focal point for the eye.
Is #cf2626 readable on white or black?
#cf2626 has a 5.30:1 contrast ratio on white and 3.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.