Skip to main content

#BAF625

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
#BAF625
RGB
rgb(186, 246, 37)
RGBA
rgba(186, 246, 37, 1)
HSL
hsl(77.22, 92.07%, 55.49%)
HSLA
hsla(77, 92%, 55%, 1)
CMYK
cmyk(24%, 0%, 85%, 4%)

Color Palettes

Harmonious color combinations based on #BAF625

Monochromatic

Shades and tints of the same hue

#243102
#6B9306
#B2F50A
#D1F96C
#F0FDCE

Analogous

Adjacent colors on the color wheel

#F65F23
#F6C823
#BAF625
#50F623
#23F65F

Complementary

Opposite color for maximum contrast

#BAF625
#5F23F6

Triadic

Three evenly spaced colors

#BAF625
#23BAF6
#F623BA

CSS Usage Examples

Background

background-color: #BAF625;

Text

color: #BAF625;

Border

border: 2px solid #BAF625;

Shadow

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