#CE0E2C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A powerful and saturated red, #ce0e2c demands attention with its intense, beaming presence. Because it is highly vivid, it works best as a 10 percent accent color in UI design rather than a full background. This shade pairs well with cool grays or charcoal for a grounded look. White text provides clear contrast on the hex code #ce0e2c, making it suitable for high-impact call-to-action buttons.
Questions about #ce0e2c
What is #ce0e2c in RGB, HSL and CMYK?
In RGB, #ce0e2c is rgb(206, 14, 44), in HSL hsl(351, 87%, 43%) and in CMYK 0%, 93%, 79%, 19%.
When should I use #ce0e2c in interface design?
Because #ce0e2c is such a high-intensity red, it functions best as a focused 10 percent accent rather than a background. Use it for call-to-action buttons where you need to draw the eye immediately, ensuring high visibility against charcoal or light backgrounds.
Which colors balance the intensity of #ce0e2c?
Neutral, cooler tones help ground the extreme vibrancy of #ce0e2c without competing for dominance. It pairs exceptionally well with a deep charcoal or a muted, cool-toned slate gray, which allows the red to pop while maintaining a professional and legible interface balance.
Is #ce0e2c readable on white or black?
#ce0e2c has a 5.63:1 contrast ratio on white and 3.72: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.