#BAFFD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, pastel green leans heavily into a cool, airy aesthetic. Because it is highly desaturated, #baffd0 works best as a large-scale background or a supporting accent rather than a primary button. It pairs well with charcoal gray or deep navy text for high readability. The hex code #baffd0 brings a fresh, organic quality to UI designs focused on sustainability or wellness branding.
Questions about #baffd0
What is #baffd0 in RGB, HSL and CMYK?
In RGB, #baffd0 is rgb(186, 255, 208), in HSL hsl(139, 100%, 86%) and in CMYK 27%, 0%, 18%, 0%. Browse more shades of green with names and hex codes.
What are the best colors to pair with #baffd0?
Why does #baffd0 look washed out in some designs?
Its high desaturation gives it an airy, pastel quality that can easily blend into white backgrounds. Use it for large-scale sections or subtle UI elements rather than call-to-action buttons, which require higher saturation and contrast to grab user attention.
Is #baffd0 readable on white or black?
#baffd0 has a 1.14:1 contrast ratio on white and 18.30: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.