#B17230 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and approachable, #b17230 functions best as a warm accent rather than a dominant background. This earthy orange carries enough personality for youth marketing or seasonal branding without overwhelming the viewer. Pair it with deep charcoals to ground the saturation and improve readability. The hex code for this mellow shade is #b17230, which offers sufficient contrast for standard black text.
Questions about #b17230
What is #b17230 in RGB, HSL and CMYK?
In RGB, #b17230 is rgb(177, 114, 48), in HSL hsl(31, 57%, 44%) and in CMYK 0%, 36%, 73%, 31%.
What colors pair best with #b17230?
This earthy orange pairs best with charcoal or dark gray to create a balanced, grounded contrast that keeps your text readable. For a more vibrant scheme, try balancing it with deep teals or cool, desaturated blues to make the warmth pop.
Is #b17230 suitable for text on a white background?
While #b17230 offers decent contrast, it may fail strict WCAG accessibility standards for smaller body text on white. It is most effective when used as a bold accent color, header, or button rather than for long paragraphs of reading material.
Is #b17230 readable on white or black?
#b17230 has a 3.94:1 contrast ratio on white and 5.31: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.