#CE4500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange-red demands immediate attention. Because it is so loud, #ce4500 works best as a punchy accent rather than a background color. It pairs surprisingly well with deep, cool teals or slate grays, which balance its natural warmth. Use this hex code for high-impact call-to-action buttons or alerts where you need to guide the user’s eye quickly.
Questions about #ce4500
What is #ce4500 in RGB, HSL and CMYK?
In RGB, #ce4500 is rgb(206, 69, 0), in HSL hsl(20, 100%, 40%) and in CMYK 0%, 67%, 100%, 19%.
What colors pair well with #ce4500?
How should I use #ce4500 in a UI design?
Because of its high saturation, #ce4500 should be reserved for small, purposeful elements like call-to-action buttons or error notifications. Using it as a primary background color will likely overwhelm the viewer and make text difficult to read.
Is #ce4500 readable on white or black?
#ce4500 has a 4.69:1 contrast ratio on white and 4.47: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.