Skip to main content

#B2F0AE

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#B2F0AE
RGB
rgb(178, 240, 174)
RGBA
rgba(178, 240, 174, 1)
HSL
hsl(116.36, 68.75%, 81.18%)
HSLA
hsla(116, 69%, 81%, 1)
CMYK
cmyk(26%, 0%, 27%, 6%)

Color Palettes

Harmonious color combinations based on #B2F0AE

Monochromatic

Shades and tints of the same hue

#0A2B08
#1F8118
#33D728
#85E77E
#D6F7D4

Analogous

Adjacent colors on the color wheel

#F0ECAD
#D3F0AD
#B2F0AE
#ADF0CA
#ADF0EC

Complementary

Opposite color for maximum contrast

#B2F0AE
#ECADF0

Triadic

Three evenly spaced colors

#B2F0AE
#ADB2F0
#F0ADB2

CSS Usage Examples

Background

background-color: #B2F0AE;

Text

color: #B2F0AE;

Border

border: 2px solid #B2F0AE;

Shadow

box-shadow: 0 4px 6px #B2F0AE40;
Feedback