#AB4B21 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, earthy orange carries a reliable, sunbaked warmth. Because it leans unsaturated, #ab4b21 works best as a supporting tone or accent rather than a dominant background. Pair it with soft creams or desaturated teals to avoid a cluttered look. The hex code for this resilient, autumnal shade is #ab4b21, which provides strong legibility when paired with white text for UI accessibility.
Questions about #ab4b21
What is #ab4b21 in RGB, HSL and CMYK?
In RGB, #ab4b21 is rgb(171, 75, 33), in HSL hsl(18, 68%, 40%) and in CMYK 0%, 56%, 81%, 33%.
What colors pair best with the earthy tone of #ab4b21?
Is #ab4b21 suitable for text in user interface design?
Using #ab4b21 as a primary text color can cause accessibility issues due to its medium-dark saturation level. It is highly recommended to use it as an accent or background color, ensuring any overlapping text meets contrast ratio standards against a lighter background.
Is #ab4b21 readable on white or black?
#ab4b21 has a 5.58:1 contrast ratio on white and 3.75:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.