#6BB300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma, yellow-green commands attention. The hex code #6bb300 carries an intense energy that functions best as a sharp accent rather than a background color. It pairs effectively with deep charcoal or black text, which remains highly legible against this tone. Designers often use this shade for interactive elements or sports branding because its saturation creates a bold, distinct feel that stands out against neutral palettes.
Questions about #6bb300
What is #6bb300 in RGB, HSL and CMYK?
In RGB, #6bb300 is rgb(107, 179, 0), in HSL hsl(84, 100%, 35%) and in CMYK 40%, 0%, 100%, 30%.
How should I use #6bb300 in a design interface?
#6bb300 is best utilized as a tactical highlight for call-to-action buttons, progress bars, or active states where you need to draw immediate user attention. Because of its high intensity, avoid using it for large text blocks or full backgrounds to prevent eye strain.
Does #6bb300 pair well with neutral text colors?
Yes, #6bb300 provides excellent contrast against charcoal or deep black, making those pairings ideal for high-visibility UI design. Using dark, neutral text ensures that the vibrancy of the green remains the focal point without sacrificing the legibility of your written content.
Is #6bb300 readable on white or black?
#6bb300 has a 2.60:1 contrast ratio on white and 8.07: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.