#B7716F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated red offers a mellow alternative to more aggressive tones. Because it is so muted, #b7716f works best as a background color for interfaces or branding that needs an approachable, understated feel. It reads clearly with black text and pairs surprisingly well with dark teals. Avoid using it as a primary highlight, as its low chroma makes it disappear against bright or vivid accents.
Questions about #b7716f
What is #b7716f in RGB, HSL and CMYK?
In RGB, #b7716f is rgb(183, 113, 111), in HSL hsl(2, 33%, 58%) and in CMYK 0%, 38%, 39%, 28%.
What colors pair best with #b7716f for design?
#b7716f works exceptionally well when paired with dark, muted teals or deep charcoal, as these provide the necessary contrast to make the unsaturated red feel grounded. Using a near-black text color ensures readability without overpowering the dusty, soft nature of the tone.
Is #b7716f suitable for primary call-to-action buttons?
Generally, no, #b7716f is too low in chroma to function effectively as a primary highlight or call-to-action button. Its muted intensity causes it to disappear against vivid UI elements, making it better suited for backgrounds or secondary design layers.
Is #b7716f readable on white or black?
#b7716f has a 3.74:1 contrast ratio on white and 5.60: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.