Skip to main content

#42C549

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
#42C549
RGB
rgb(66, 197, 73)
RGBA
rgba(66, 197, 73, 1)
HSL
hsl(123.21, 53.04%, 51.57%)
HSLA
hsla(123, 53%, 52%, 1)
CMYK
cmyk(66%, 0%, 63%, 23%)

Color Palettes

Harmonious color combinations based on #42C549

Monochromatic

Shades and tints of the same hue

#0C270D
#247528
#3CC343
#8ADB8E
#D8F3D9

Analogous

Adjacent colors on the color wheel

#BFC544
#7EC544
#42C549
#44C58B
#44BFC5

Complementary

Opposite color for maximum contrast

#42C549
#C544BF

Triadic

Three evenly spaced colors

#42C549
#4A44C5
#C54A44

CSS Usage Examples

Background

background-color: #42C549;

Text

color: #42C549;

Border

border: 2px solid #42C549;

Shadow

box-shadow: 0 4px 6px #42C54940;
Feedback