Skip to main content

#BAE5A8

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
#BAE5A8
RGB
rgb(186, 229, 168)
RGBA
rgba(186, 229, 168, 1)
HSL
hsl(102.3, 53.98%, 77.84%)
HSLA
hsla(102, 54%, 78%, 1)
CMYK
cmyk(19%, 0%, 27%, 10%)

Color Palettes

Harmonious color combinations based on #BAE5A8

Monochromatic

Shades and tints of the same hue

#14270C
#3C7623
#64C43B
#A2DC89
#E0F3D8

Analogous

Adjacent colors on the color wheel

#E5D3A9
#D9E5A9
#BAE5A8
#A9E5B5
#A9E5D3

Complementary

Opposite color for maximum contrast

#BAE5A8
#D3A9E5

Triadic

Three evenly spaced colors

#BAE5A8
#A9BBE5
#E5A9BB

CSS Usage Examples

Background

background-color: #BAE5A8;

Text

color: #BAE5A8;

Border

border: 2px solid #BAE5A8;

Shadow

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