#BDD100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy chartreuse demands attention with its intense, glowing saturation. The hex code #bdd100 functions best as a small accent for sale banners or UI alerts rather than a large background. It pairs effectively with deep charcoal text, which offers excellent readability at a 12.3:1 contrast ratio. Use it sparingly for buttons or icons, as the color overwhelms the eye when applied to large areas.
Questions about #bdd100
What is #bdd100 in RGB, HSL and CMYK?
In RGB, #bdd100 is rgb(189, 209, 0), in HSL hsl(66, 100%, 41%) and in CMYK 10%, 0%, 100%, 18%.
How can I use #bdd100 effectively in UI design?
Because #bdd100 is so intense, it should be reserved for small UI elements like notification badges, call-to-action buttons, or accent icons. Using this color in large background areas can overwhelm the eye and diminish overall design legibility.
Is #bdd100 readable on white or black?
#bdd100 has a 1.70:1 contrast ratio on white and 12.28: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.