#BDD84E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, chartreuse-leaning yellow brings immediate energy to a design. The hex code #bdd84e works best as a sharp accent rather than a background fill, where it can easily overwhelm the eye. It pairs effectively with charcoal or deep navy for readability. Because black text maintains a high contrast ratio of 13.1:1, it remains a clear choice when mixing yellow into high-visibility UI elements.
Questions about #bdd84e
What is #bdd84e in RGB, HSL and CMYK?
In RGB, #bdd84e is rgb(189, 216, 78), in HSL hsl(72, 64%, 58%) and in CMYK 12%, 0%, 64%, 15%.
Does #bdd84e work well as a primary background color?
Using #bdd84e as a background color typically overwhelms the eye due to its high saturation. It performs much better as a sharp, small-scale accent color for buttons or highlights when paired with a neutral backdrop like charcoal or deep navy.
Is #bdd84e readable on white or black?
#bdd84e has a 1.60:1 contrast ratio on white and 13.09: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.