#AB8700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated yellow reads as a muted, earthy gold. Its mellow character avoids the harshness of brighter shades, making it a reliable choice for buttons or sale banners where you need to signal value without overwhelming the user. Because black text offers a strong 6.2:1 contrast ratio, it remains readable for body content. If you need something warmer, deeper orange tones often pair well with this hex code.
Questions about #ab8700
What is #ab8700 in RGB, HSL and CMYK?
In RGB, #ab8700 is rgb(171, 135, 0), in HSL hsl(47, 100%, 34%) and in CMYK 0%, 21%, 100%, 33%.
Why is #ab8700 effective for UI design?
#ab8700 provides a reliable balance between vibrancy and readability. It avoids the harshness of high-saturation yellows while maintaining enough warmth to signal value, making it an excellent choice for call-to-action buttons that must remain accessible against dark or light text.
What colors pair well with #ab8700?
This earthy gold pairs beautifully with deep charcoal for high-contrast typography, or with terracotta to lean into a natural, desert-inspired palette. Because it is unsaturated, it also works well alongside muted greens and soft browns for organic branding schemes.
Is #ab8700 readable on white or black?
#ab8700 has a 3.38:1 contrast ratio on white and 6.19: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.