#CD5A20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated orange commands attention instantly. Use the hex code #cd5a20 sparingly as a punchy accent or button color rather than a large background. It pairs well with deep charcoal or muted navy blues to ground its intensity. Since black text maintains a 5.1:1 contrast ratio against this hue, you can safely use it for interface elements without sacrificing legibility.
Questions about #cd5a20
What is #cd5a20 in RGB, HSL and CMYK?
In RGB, #cd5a20 is rgb(205, 90, 32), in HSL hsl(20, 73%, 46%) and in CMYK 0%, 56%, 84%, 20%.
How can I best use #cd5a20 in a website layout?
Is #cd5a20 readable on white or black?
#cd5a20 has a 4.13:1 contrast ratio on white and 5.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.