#BAC934 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bac934 graphic
#bac934 is a high-energy, chartreuse-leaning yellow that demands attention. Because it is so bright and acidic, it works best as a small accent color for buttons or call-to-action elements rather than a large background. It pairs exceptionally well with charcoal gray or deep violet to temper its intensity. Since it has strong contrast, black text remains perfectly legible against this hex code.

Questions about #bac934

What is #bac934 in RGB, HSL and CMYK?
In RGB, #bac934 is rgb(186, 201, 52), in HSL hsl(66, 59%, 50%) and in CMYK 7%, 0%, 74%, 21%.
How can I effectively use #bac934 in a user interface?
Since #bac934 is highly acidic and demanding, restrict it to small UI elements like buttons, toggle switches, or notification badges. Pair it with charcoal or deep, dark violet text to ensure readability while tempering the visual intensity.
Is #bac934 readable on white or black?
#bac934 has a 1.82:1 contrast ratio on white and 11.49: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.