#CE0106 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ce0106 graphic
This intense red is aggressive and demands immediate attention. Because #ce0106 is so saturated, avoid using it as a large background color, as it can quickly overwhelm a layout. It works best as an accent for call-to-action buttons where you need to drive user focus. White text is highly readable over this hex code, ensuring that your critical interface elements remain accessible.

Questions about #ce0106

What is #ce0106 in RGB, HSL and CMYK?
In RGB, #ce0106 is rgb(206, 1, 6), in HSL hsl(359, 99%, 41%) and in CMYK 0%, 100%, 97%, 19%.
Is #ce0106 suitable for large backgrounds?
This hex color is far too saturated and intense to use for full-page backgrounds. Using it on a large scale will quickly overwhelm the user and make text difficult to read, so save this shade for small, critical interaction elements.
What colors pair well with #ce0106 for UI design?
This aggressive red works best when balanced against neutral, grounded tones. Pair #ce0106 with charcoal for text to maintain readability, or use a soft off-white background to let the red pop without competing for dominance in your layout.
Is #ce0106 readable on white or black?
#ce0106 has a 5.78:1 contrast ratio on white and 3.63: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.