#C5A253 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Sauterne is a muted, warm ochre with golden yellow undertones. Because of its desaturated, mellow quality, it avoids the harshness of brighter yellows. The hex code for this shade is #c5a253. It pairs well with deep charcoal or navy to create high-contrast, readable layouts. This color functions best as a supporting accent or a background tone rather than a dominant primary element in digital UI.
Questions about Sauterne
What is the hex code for Sauterne?
Sauterne is #c5a253. In RGB that is rgb(197, 162, 83), in HSL hsl(42, 50%, 55%) and in CMYK 0%, 18%, 58%, 23%. Browse more shades of yellow with names and hex codes.
What colors pair best with Sauterne #c5a253 in design?
Does #c5a253 work well for text in digital interfaces?
Because #c5a253 is a mid-tone ochre, it often lacks sufficient contrast against white backgrounds to meet standard accessibility requirements for small text. It functions best as an accent color for buttons, borders, or large graphical elements rather than for long-form body copy.
Is Sauterne readable on white or black?
Sauterne has a 2.42:1 contrast ratio on white and 8.66:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.