#B1682C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, earthy orange carries a mellow, warm character with slight brown undertones. It works best as a secondary supporting tone, grounding brighter palettes without becoming overwhelming. Pair it with deep teals or charcoal grays to avoid a muddy appearance. Because it maintains high contrast, black text remains readable, making the hex code #b1682c a solid choice for accent buttons or bold callouts.
Questions about #b1682c
What is #b1682c in RGB, HSL and CMYK?
In RGB, #b1682c is rgb(177, 104, 44), in HSL hsl(27, 60%, 43%) and in CMYK 0%, 41%, 75%, 31%.
What color palettes work best with #b1682c?
Pair #b1682c with charcoal or deep navy tones to anchor its warmth without letting the design feel muddy. Introducing soft creams or muted greens can further balance this earthy orange, making it a reliable choice for secondary branding elements or web accents.
Is #b1682c suitable for text on a white background?
Using #b1682c for body text on a white background fails standard accessibility contrast ratios due to its medium lightness. However, it works effectively as a high-contrast accent color for buttons or headers when placed against dark gray or deep charcoal backgrounds.
Is #b1682c readable on white or black?
#b1682c has a 4.29:1 contrast ratio on white and 4.88: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.