Skip to main content

#BAF04E

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
#BAF04E
RGB
rgb(186, 240, 78)
RGBA
rgba(186, 240, 78, 1)
HSL
hsl(80, 84.38%, 62.35%)
HSLA
hsla(80, 84%, 62%, 1)
CMYK
cmyk(23%, 0%, 68%, 6%)

Color Palettes

Harmonious color combinations based on #BAF04E

Monochromatic

Shades and tints of the same hue

#212F04
#628D0C
#A3EB14
#C8F372
#EDFBD0

Analogous

Adjacent colors on the color wheel

#EF834D
#EFD44D
#BAF04E
#68EF4D
#4DEF83

Complementary

Opposite color for maximum contrast

#BAF04E
#834DEF

Triadic

Three evenly spaced colors

#BAF04E
#4DB9EF
#EF4DB9

CSS Usage Examples

Background

background-color: #BAF04E;

Text

color: #BAF04E;

Border

border: 2px solid #BAF04E;

Shadow

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