Skip to main content

#AFD142

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
#AFD142
RGB
rgb(175, 209, 66)
RGBA
rgba(175, 209, 66, 1)
HSL
hsl(74.27, 60.85%, 53.92%)
HSLA
hsla(74, 61%, 54%, 1)
CMYK
cmyk(16%, 0%, 68%, 18%)

Color Palettes

Harmonious color combinations based on #AFD142

Monochromatic

Shades and tints of the same hue

#22290A
#657B1E
#A9CD32
#CBE184
#EEF5D6

Analogous

Adjacent colors on the color wheel

#D16442
#D1AB42
#AFD142
#68D142
#42D164

Complementary

Opposite color for maximum contrast

#AFD142
#6442D1

Triadic

Three evenly spaced colors

#AFD142
#42B0D1
#D142B0

CSS Usage Examples

Background

background-color: #AFD142;

Text

color: #AFD142;

Border

border: 2px solid #AFD142;

Shadow

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