#B3D768 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright yellow-green feels high-energy and modern, making it a natural fit for gaming interfaces and sports branding. Because the hue is luminous, black text reads clearly against it for strong legibility. As a hex code, #b3d768 works best as a sharp 10% accent color rather than a full background, where its intense saturation can quickly overwhelm the eye.
Questions about #b3d768
What is #b3d768 in RGB, HSL and CMYK?
In RGB, #b3d768 is rgb(179, 215, 104), in HSL hsl(79, 58%, 63%) and in CMYK 17%, 0%, 52%, 16%.
How should I use #b3d768 in a user interface?
#b3d768 functions best as a high-impact accent color rather than a primary background shade. Because it is so luminous, applying it as a 10% accent creates a sharp, modern look while keeping black text highly legible for users.
Does #b3d768 work well with other colors?
This yellow-green pairs naturally with deep, neutral tones that ground its high saturation. Using a dark charcoal or deep navy provides the necessary contrast to make #b3d768 stand out without overwhelming the overall design or causing eye strain.
Is #b3d768 readable on white or black?
#b3d768 has a 1.63:1 contrast ratio on white and 12.83: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.