Skip to main content

#BAE6B3

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
#BAE6B3
RGB
rgb(186, 230, 179)
RGBA
rgba(186, 230, 179, 1)
HSL
hsl(111.76, 50.5%, 80.2%)
HSLA
hsla(112, 50%, 80%, 1)
CMYK
cmyk(19%, 0%, 22%, 10%)

Color Palettes

Harmonious color combinations based on #BAE6B3

Monochromatic

Shades and tints of the same hue

#10260D
#307326
#51BF40
#96D98C
#DCF2D9

Analogous

Adjacent colors on the color wheel

#E6DFB3
#D3E6B3
#BAE6B3
#B3E6C5
#B3E6DF

Complementary

Opposite color for maximum contrast

#BAE6B3
#DFB3E6

Triadic

Three evenly spaced colors

#BAE6B3
#B3B9E6
#E6B3B9

CSS Usage Examples

Background

background-color: #BAE6B3;

Text

color: #BAE6B3;

Border

border: 2px solid #BAE6B3;

Shadow

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