#CE480E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy orange-red commands immediate attention. Because it is visually aggressive, use #ce480e sparingly as an accent color for calls to action or alert indicators rather than a dominant background. It pairs exceptionally well with charcoal grays and off-whites, which help ground its intensity. With a 4.6:1 contrast ratio, white text remains readable over this hex code for accessible interface design.
Questions about #ce480e
What is #ce480e in RGB, HSL and CMYK?
In RGB, #ce480e is rgb(206, 72, 14), in HSL hsl(18, 87%, 43%) and in CMYK 0%, 65%, 93%, 19%.
How can I effectively use #ce480e in UI design without overwhelming the user?
Since #ce480e is visually intense, reserve it strictly for high-priority interactive elements like primary buttons, alert badges, or notification counters. Pairing it with a neutral charcoal for text or dark background elements keeps the interface legible and visually balanced.
Is #ce480e readable on white or black?
#ce480e has a 4.60:1 contrast ratio on white and 4.55: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 for body text. Try other pairs in the contrast checker.