#BF9130 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mellow yellow carries a warm, earthy weight. While it feels approachable, #bf9130 lacks the intensity of brighter shades, making it a reliable choice for buttons or accents that need to stand out without screaming. Pair it with dark navy for a sophisticated, professional contrast. Since it maintains strong readability against black text, it works well for UI elements that require clear hierarchy.
Questions about #bf9130
What is #bf9130 in RGB, HSL and CMYK?
In RGB, #bf9130 is rgb(191, 145, 48), in HSL hsl(41, 60%, 47%) and in CMYK 0%, 24%, 75%, 25%.
What colors pair well with the #bf9130 hex color?
Deep navy blues and charcoal grays create the best professional contrast for #bf9130 because their cool tones anchor the warmth of the yellow. Avoid pairing it with similarly muddy neutrals, which can make a design look flat or washed out.
Is #bf9130 suitable for text on a white background?
Using #bf9130 for text on white backgrounds usually fails accessibility standards because the color is too light to maintain a high enough contrast ratio. It is much better suited for icons, buttons, or graphic elements rather than body copy.
Is #bf9130 readable on white or black?
#bf9130 has a 2.87:1 contrast ratio on white and 7.30:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.