#BAF4B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, pale green feels light and airy because of its high saturation. With excellent contrast against black text, #baf4b5 works well as a background color for clean, nature-focused UI designs. It pairs effectively with deep charcoal or warm slate to anchor its brightness. Avoid using this shade as a primary button color, as it can wash out against white backgrounds. The hex code is #baf4b5.
Questions about #baf4b5
What is #baf4b5 in RGB, HSL and CMYK?
In RGB, #baf4b5 is rgb(186, 244, 181), in HSL hsl(115, 74%, 83%) and in CMYK 24%, 0%, 26%, 4%.
What colors pair well with #baf4b5 for a professional design?
This sparkling pale green balances perfectly against dark neutrals like charcoal or deep slate, which anchor its brightness without overwhelming the design. Avoid pairing it with high-contrast neon accents, as this can make the visual hierarchy difficult for the eye to process.
Is #baf4b5 a suitable choice for text on websites?
Using #baf4b5 as a text color is generally discouraged for accessibility because it lacks the necessary contrast ratio against white or light backgrounds. It performs best as a soft background or accent element while keeping your typography in a much darker shade for readability.
Is #baf4b5 readable on white or black?
#baf4b5 has a 1.25:1 contrast ratio on white and 16.69: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.