#C28757 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mellow orange carries a warm, earthy quality that avoids being overly bright. The hex code #c28757 performs best as an accent color rather than a dominant background, as it can feel muddy in large blocks. It pairs effectively with deep charcoal or slate blue, providing enough contrast to remain readable. Use this tone to add a friendly, approachable touch to food branding or seasonal autumn projects.
Questions about #c28757
What is #c28757 in RGB, HSL and CMYK?
In RGB, #c28757 is rgb(194, 135, 87), in HSL hsl(27, 47%, 55%) and in CMYK 0%, 30%, 55%, 24%.
Why does #c28757 feel more grounded than standard orange?
Because #c28757 is desaturated, it avoids the harsh vibration of pure orange, leaning into a softer, clay-like appearance. This muted quality makes it an excellent choice for branding that needs to feel organic and approachable rather than loud.
What colors best complement #c28757 in a layout?
High-contrast pairings work best with #c28757 to ensure it does not look muddy on screen. It reads beautifully against deep charcoal or cool slate blue, which effectively balance its warmth and keep your UI elements easy to read.
Is #c28757 readable on white or black?
#c28757 has a 3.04:1 contrast ratio on white and 6.89: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.