#C36A07 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

A rich and mellow orange, #c36a07 brings warmth to designs without the intensity of neon hues. This saturated tone works best as an accent color within the 60/30/10 rule rather than a large background. Pair it with deep navy or charcoal for a grounded look. The hex code is #c36a07, and black text remains highly readable over it for accessible layouts.

Questions about #c36a07

What is #c36a07 in RGB, HSL and CMYK?

In RGB, #c36a07 is rgb(195, 106, 7), in HSL hsl(32, 93%, 40%) and in CMYK 0%, 46%, 96%, 24%.

How do I best use #c36a07 in a design?

#c36a07 functions best as an accent color that draws the eye toward call-to-action buttons or highlights. Because of its high saturation, it works exceptionally well when balanced against neutral colors like charcoal or deep navy to prevent overwhelming the viewer.

Is #c36a07 readable on white or black?

#c36a07 has a 3.89:1 contrast ratio on white and 5.38: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.

#C36A07 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #c36a07

Color tools

Resources