#B4ECAC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated green has a bleached, airy character that reads fresh and delicate. Because #b4ecac offers strong contrast with black text, it works well as a subtle UI background rather than a main brand color. It pairs surprisingly well with deeper pink tones for a balanced, high-contrast palette. Use this hex code sparingly to maintain a clean, organized look in your design projects.
Questions about #b4ecac
What is #b4ecac in RGB, HSL and CMYK?
In RGB, #b4ecac is rgb(180, 236, 172), in HSL hsl(113, 63%, 80%) and in CMYK 24%, 0%, 27%, 7%. Browse more shades of green with names and hex codes.
How should I use #b4ecac in website design?
#b4ecac works best as a soft, neutral background color rather than a primary branding element. Because it is highly unsaturated and pale, it provides excellent contrast for dark charcoal or black text, keeping interfaces clean and readable.
What colors pair well with #b4ecac?
This pale green creates a balanced, high-contrast palette when paired with deep, saturated colors like burgundy or deep magenta. These warmer, darker tones prevent the design from feeling washed out by grounding the airy quality of #b4ecac.
Is #b4ecac readable on white or black?
#b4ecac has a 1.35:1 contrast ratio on white and 15.53: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.