#B8B63A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, chartreuse-leaning yellow brings a high-energy, fresh feeling to digital interfaces. As a hex code, #b8b63a works best as a sharp accent rather than a background, where it can easily overwhelm the eye. It offers high contrast for black text, making it useful for call-to-action buttons or construction-themed UI. Pair it with deep charcoal grays to ground the color and avoid a muddy appearance.
Questions about #b8b63a
What is #b8b63a in RGB, HSL and CMYK?
In RGB, #b8b63a is rgb(184, 182, 58), in HSL hsl(59, 52%, 47%) and in CMYK 0%, 1%, 68%, 28%. Browse more shades of yellow with names and hex codes.
How should #b8b63a be used in digital design?
#b8b63a is best reserved for sharp, functional accents like call-to-action buttons rather than large backgrounds, which can overwhelm the viewer. Because of its extreme saturation, it commands attention immediately and works effectively to guide a user’s eye toward specific interactive elements.
What colors pair well with #b8b63a?
Deep charcoal or near-black tones provide the best contrast for #b8b63a, helping to ground its high energy and preventing the color from appearing muddy on screen. These dark, neutral pairings ensure the chartreuse remains crisp and legible without clashing or vibrating against the background.
Is #b8b63a readable on white or black?
#b8b63a has a 2.14:1 contrast ratio on white and 9.79: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.