#CE2B35 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 sheer visual weight, #ce2b35 works best as a sharp accent rather than a full-page background, where it can easily overwhelm the eye. Pair it with soft, muted grays to ground its aggressive energy. The hex code #ce2b35 meets WCAG AA standards, allowing white text to sit clearly on top for high-impact call-to-action buttons.
Questions about #ce2b35
What is #ce2b35 in RGB, HSL and CMYK?
In RGB, #ce2b35 is rgb(206, 43, 53), in HSL hsl(356, 65%, 49%) and in CMYK 0%, 79%, 74%, 19%.
How can I use #ce2b35 effectively in UI design?
#ce2b35 is best utilized as a sharp accent rather than a background color, as its intense saturation can quickly overwhelm the viewer. Reserve it for primary call-to-action buttons where you need to draw immediate attention, ensuring sufficient padding.
What colors pair well with the intensity of #ce2b35?
Pair #ce2b35 with soft, muted grays or a neutral charcoal to ground its aggressive energy and maintain visual balance. Avoiding other bright, saturated colors next to it will prevent color vibration and keep your interface looking professional.
Is #ce2b35 readable on white or black?
#ce2b35 has a 5.22:1 contrast ratio on white and 4.02: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.