#CF7F17 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and warm, this golden orange balances intensity with a mellow, earthy undertone. It carries a heavy, pigmented presence that makes it ideal as a 10 percent accent color rather than a large background. Pair #cf7f17 with deep charcoal or muted teal to keep it from feeling overwhelming. Because it maintains strong contrast, black text remains legible when placed directly over this hex code.
Questions about #cf7f17
What is #cf7f17 in RGB, HSL and CMYK?
In RGB, #cf7f17 is rgb(207, 127, 23), in HSL hsl(34, 80%, 45%) and in CMYK 0%, 39%, 89%, 19%.
Does #cf7f17 work well as a primary background color?
Using #cf7f17 as a primary background is typically overwhelming due to its high saturation and heavy, pigmented nature. It functions most effectively as a 10 percent accent color, drawing attention to buttons or specific design elements without dominating the interface.
Which colors create a balanced palette with #cf7f17?
To prevent #cf7f17 from feeling too intense, pair it with grounded neutrals like charcoal or cool, desaturated tones like muted teal. These combinations leverage contrast to keep the golden orange from vibrating or feeling visually chaotic in digital layouts.
Is #cf7f17 readable on white or black?
#cf7f17 has a 3.13:1 contrast ratio on white and 6.70: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.