#BDE87D Hex Color

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

Hex color #bde87d graphic
#bde87d is a bright, high-saturation yellow-green that demands attention. This luminous tone works best as a bold accent or call-to-action button rather than a primary background, where it risks overwhelming the viewer. Pair it with dark charcoal or deep navy for maximum impact. Because black text remains highly legible against this hue, the hex code #bde87d is an effective choice for high-contrast, energetic UI elements.

Questions about #bde87d

What is #bde87d in RGB, HSL and CMYK?
In RGB, #bde87d is rgb(189, 232, 125), in HSL hsl(84, 70%, 70%) and in CMYK 19%, 0%, 46%, 9%.
How can I effectively pair #bde87d in a design project?
Use #bde87d as a high-impact accent against deep neutral foundations to maintain balance. It pairs exceptionally well with dark charcoal or navy backgrounds, which allow the luminosity of the green to stand out without overwhelming the overall interface layout.
Is #bde87d suitable for text-heavy interface backgrounds?
Avoid using #bde87d as a primary background for long-form text because its intense saturation can quickly cause eye strain. Instead, reserve it for high-contrast UI elements like buttons, badges, or notification icons where black text provides the necessary legibility.
Is #bde87d readable on white or black?
#bde87d has a 1.39:1 contrast ratio on white and 15.00: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.