#C06131 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, muted orange feels grounded and approachable rather than aggressive. Because it carries earthy, desaturated undertones, #c06131 works best as a supporting accent in branding or web design rather than a large background. Pair it with deep charcoal or slate gray to maintain high readability. Since black text provides excellent contrast against this hex code, it is safe to use for smaller, readable body text.
Questions about #c06131
What is #c06131 in RGB, HSL and CMYK?
In RGB, #c06131 is rgb(192, 97, 49), in HSL hsl(20, 59%, 47%) and in CMYK 0%, 49%, 74%, 25%.
What colors pair best with #c06131?
Deep charcoal, slate gray, and soft cream tones provide excellent contrast against #c06131. These neutral pairings keep the palette professional and legible while preventing the orange from overwhelming the composition of your design or layout.
Is #c06131 suitable for text on websites?
Using #c06131 as small, readable body text is generally safe because it maintains a high contrast ratio against white backgrounds. However, ensure you verify the specific contrast ratio if using it on colored backgrounds to meet accessibility standards.
Is #c06131 readable on white or black?
#c06131 has a 4.20:1 contrast ratio on white and 4.99: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.