#BAFFB8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A luminous, pastel green with high chroma, #baffb8 works best as a supporting tone rather than a dominant background. Because it is so light, it often washes out next to white. Pair this hex code with dark charcoal or plum to ground its energy. It offers excellent legibility for small text, making it a functional choice for UI elements in healthcare or organic branding.
Questions about #baffb8
What is #baffb8 in RGB, HSL and CMYK?
In RGB, #baffb8 is rgb(186, 255, 184), in HSL hsl(118, 100%, 86%) and in CMYK 27%, 0%, 28%, 0%.
What colors pair well with #baffb8?
#baffb8 is an extremely light, high-chroma green that often washes out against white backgrounds. To ground its energy and ensure readability, pair it with deep, neutral tones like charcoal or rich, moody shades like plum for a balanced, modern interface palette.
Is #baffb8 suitable for UI text?
#baffb8 offers surprisingly good legibility for small, secondary UI elements when used against dark backgrounds, despite its brightness. It functions effectively in healthcare or organic branding systems where a soft, non-aggressive green is preferred over more standard, darker shades.
Is #baffb8 readable on white or black?
#baffb8 has a 1.16:1 contrast ratio on white and 18.08: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.