#BAFFBB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pastel green brings a soft, organic quality to web interfaces. Due to its high lightness, black text remains highly readable with an 18.1:1 contrast ratio. Use #baffbb as a primary background, ideally paired with deep charcoal or slate to ground its brightness. The hex code for this fresh, springtime shade is #baffbb.
Questions about #baffbb
What is #baffbb in RGB, HSL and CMYK?
In RGB, #baffbb is rgb(186, 255, 187), in HSL hsl(121, 100%, 86%) and in CMYK 27%, 0%, 27%, 0%.
What colors pair best with #baffbb in a design scheme?
#baffbb acts as a natural, airy foundation that works best when grounded by deep neutrals like charcoal or slate. For a vibrant, energetic contrast, pair this light green with accents of coral or deep magenta to balance its inherent softness.
Is #baffbb readable on white or black?
#baffbb has a 1.15:1 contrast ratio on white and 18.10: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.