Skip to main content

#BADC21

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
#BADC21
RGB
rgb(186, 220, 33)
RGBA
rgba(186, 220, 33, 1)
HSL
hsl(70.91, 73.91%, 49.61%)
HSLA
hsla(71, 74%, 50%, 1)
CMYK
cmyk(15%, 0%, 85%, 14%)

Color Palettes

Harmonious color combinations based on #BADC21

Monochromatic

Shades and tints of the same hue

#252C07
#708514
#BBDE21
#D6EB7A
#F1F8D3

Analogous

Adjacent colors on the color wheel

#DE4421
#DEA221
#BADC21
#5DDE21
#21DE44

Complementary

Opposite color for maximum contrast

#BADC21
#4421DE

Triadic

Three evenly spaced colors

#BADC21
#21BBDE
#DE21BB

CSS Usage Examples

Background

background-color: #BADC21;

Text

color: #BADC21;

Border

border: 2px solid #BADC21;

Shadow

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