#CE0818 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane red demands immediate attention. Due to its intense saturation, #ce0818 overwhelms the eye when used as a full-page background. It serves best as a small, powerful accent for call-to-action buttons or UI alerts. Pair this hex code with cool charcoal grays to balance the heat. White text provides necessary contrast, ensuring clear readability for all users.
Questions about #ce0818
What is #ce0818 in RGB, HSL and CMYK?
In RGB, #ce0818 is rgb(206, 8, 24), in HSL hsl(355, 93%, 42%) and in CMYK 0%, 96%, 88%, 19%.
How should I use #ce0818 in a user interface?
Reserve #ce0818 for critical call-to-action buttons or urgent UI alerts where you need to stop the user in their tracks. Because of its extreme saturation, it will quickly overwhelm the layout if applied as a background color or dominant brand element.
What colors pair well with #ce0818?
Pair #ce0818 with charcoal or deep slate grays to provide a grounding effect that tames the intense heat of the red. Using high-contrast white text is essential for ensuring readability, as lower-contrast combinations will struggle against this level of saturation.
Is #ce0818 readable on white or black?
#ce0818 has a 5.71:1 contrast ratio on white and 3.67: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.