#CC6906 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense orange commands immediate attention with its warm and fiery energy. Because of its high chroma, #cc6906 functions best as a focused accent or a call to action rather than a background color. It pairs surprisingly well with deep, muted teals to balance its loudness. The hex code for this color is #cc6906, which provides sufficient contrast for readable black text in most digital layouts.
Questions about #cc6906
What is #cc6906 in RGB, HSL and CMYK?
In RGB, #cc6906 is rgb(204, 105, 6), in HSL hsl(30, 94%, 41%) and in CMYK 0%, 49%, 97%, 20%.
What colors pair best with #cc6906?
#cc6906 pairs effectively with deep, muted teals because they balance the orange’s intense, high-chroma energy. Using charcoal or deep navy provides a sophisticated contrast that prevents this bold shade from feeling overwhelming in a layout.
Is #cc6906 suitable for large backgrounds?
Using #cc6906 as a background is generally not recommended because its high intensity often competes with text readability. It serves better as a focused accent or interactive element where you need to draw the user’s eye quickly.
Is #cc6906 readable on white or black?
#cc6906 has a 3.75:1 contrast ratio on white and 5.59: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.