#B7662F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, earthy orange carries a warm, mellow character that feels approachable and grounded. Because of its desaturated quality, #b7662f works best as a supporting tone or accent rather than a dominant background. It pairs exceptionally well with charcoal grays or deep teal, which makes the color pop without appearing muddy. This hex code provides enough contrast for black text to remain legible in most UI applications.
Questions about #b7662f
What is #b7662f in RGB, HSL and CMYK?
In RGB, #b7662f is rgb(183, 102, 47), in HSL hsl(24, 59%, 45%) and in CMYK 0%, 44%, 74%, 28%.
What colors pair best with #b7662f in a design scheme?
Is #b7662f suitable for text in interface design?
#b7662f is generally too light for small-scale body text on a white background, often failing standard accessibility contrast ratios. It is best used for decorative elements, buttons, or large headings where contrast requirements are less strict than for paragraph reading.
Is #b7662f readable on white or black?
#b7662f has a 4.23:1 contrast ratio on white and 4.95: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.