Skip to main content

#BAFF66

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
#BAFF66
RGB
rgb(186, 255, 102)
RGBA
rgba(186, 255, 102, 1)
HSL
hsl(87.06, 100%, 70%)
HSLA
hsla(87, 100%, 70%, 1)
CMYK
cmyk(27%, 0%, 60%, 0%)

Color Palettes

Harmonious color combinations based on #BAFF66

Monochromatic

Shades and tints of the same hue

#1C3300
#549900
#8CFF00
#BAFF66
#E8FFCC

Analogous

Adjacent colors on the color wheel

#FFAB66
#FFF766
#BAFF66
#6EFF66
#66FFAB

Complementary

Opposite color for maximum contrast

#BAFF66
#AB66FF

Triadic

Three evenly spaced colors

#BAFF66
#66BAFF
#FF66BA

CSS Usage Examples

Background

background-color: #BAFF66;

Text

color: #BAFF66;

Border

border: 2px solid #BAFF66;

Shadow

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