#BCD631 Hex Color

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

Hex color #bcd631 graphic
#bcd631 is a sharp, acidic yellow-green with high saturation that commands instant attention. This neon shade works best as a 10% accent color to inject energy into branding or buttons. While bold, it risks overpowering compositions if used as a primary background. Pair it with deep charcoal or matte black to leverage its high contrast ratio for readability.

Questions about #bcd631

What is #bcd631 in RGB, HSL and CMYK?
In RGB, #bcd631 is rgb(188, 214, 49), in HSL hsl(69, 67%, 52%) and in CMYK 12%, 0%, 77%, 16%.
How should I use #bcd631 in a UI design?
Use #bcd631 sparingly as a high-impact accent color for buttons or status indicators rather than a primary background. Its high luminosity demands attention, so pair it with charcoal or dark navy backgrounds to maintain legibility and professional contrast.
Is #bcd631 readable on white or black?
#bcd631 has a 1.64:1 contrast ratio on white and 12.80: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.