Skip to main content

#BAFF54

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
#BAFF54
RGB
rgb(186, 255, 84)
RGBA
rgba(186, 255, 84, 1)
HSL
hsl(84.21, 100%, 66.47%)
HSLA
hsla(84, 100%, 66%, 1)
CMYK
cmyk(27%, 0%, 67%, 0%)

Color Palettes

Harmonious color combinations based on #BAFF54

Monochromatic

Shades and tints of the same hue

#1F3300
#5C9900
#99FF00
#C2FF66
#EBFFCC

Analogous

Adjacent colors on the color wheel

#FF9752
#FFEE52
#BAFF54
#63FF52
#52FF97

Complementary

Opposite color for maximum contrast

#BAFF54
#9752FF

Triadic

Three evenly spaced colors

#BAFF54
#52BAFF
#FF52BA

CSS Usage Examples

Background

background-color: #BAFF54;

Text

color: #BAFF54;

Border

border: 2px solid #BAFF54;

Shadow

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