#CE2F23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands immediate attention. Because of its aggressive chroma, #ce2f23 functions best as a focused accent rather than a background color. It pairs surprisingly well with deep charcoal grays to ground its inherent energy. Since this hex code offers strong contrast against white, use it for bold calls to action or urgent notifications that need to stand out clearly on the page.
Questions about #ce2f23
What is #ce2f23 in RGB, HSL and CMYK?
In RGB, #ce2f23 is rgb(206, 47, 35), in HSL hsl(4, 71%, 47%) and in CMYK 0%, 77%, 83%, 19%.
How can I use #ce2f23 effectively in a UI layout?
Because #ce2f23 is a saturated and aggressive red, it functions best as a focused accent rather than a primary background color. Use it sparingly for bold calls to action or urgent status notifications where you need to draw the eye immediately.
What colors pair well with #ce2f23 for a balanced design?
This red demands a strong anchor to ground its high energy, making it pair surprisingly well with deep charcoal or dark gray tones. You can also use crisp white backgrounds to maximize contrast and ensure your alert elements stand out clearly.
Is #ce2f23 readable on white or black?
#ce2f23 has a 5.17:1 contrast ratio on white and 4.05: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.