#CC8911 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, golden orange feels warm and mellow, making it a natural choice for autumnal themes or high-energy branding. Because it creates a 7.2:1 contrast ratio with black text, it is an excellent option for readable headlines and small UI elements. The hex code for this shade is #cc8911. Use it as a secondary accent rather than a full background to keep designs from looking overwhelming.
Questions about #cc8911
What is #cc8911 in RGB, HSL and CMYK?
In RGB, #cc8911 is rgb(204, 137, 17), in HSL hsl(39, 85%, 43%) and in CMYK 0%, 33%, 92%, 20%.
How can I best use #cc8911 in UI design?
#cc8911 is a bold accent color that works best for call-to-action buttons or small UI highlights where you need to draw attention without overwhelming the user. Because it provides a strong 7.2:1 contrast against black text, it ensures excellent readability for functional elements.
What colors pair well with the golden orange #cc8911?
Is #cc8911 readable on white or black?
#cc8911 has a 2.93:1 contrast ratio on white and 7.15:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.