Skip to main content

#AFC500

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
#AFC500
RGB
rgb(175, 197, 0)
RGBA
rgba(175, 197, 0, 1)
HSL
hsl(66.7, 100%, 38.63%)
HSLA
hsla(67, 100%, 39%, 1)
CMYK
cmyk(11%, 0%, 100%, 23%)

Color Palettes

Harmonious color combinations based on #AFC500

Monochromatic

Shades and tints of the same hue

#2D3300
#879900
#E1FF00
#EDFF66
#F9FFCC

Analogous

Adjacent colors on the color wheel

#C71700
#C77B00
#AFC500
#4CC700
#00C717

Complementary

Opposite color for maximum contrast

#AFC500
#1700C7

Triadic

Three evenly spaced colors

#AFC500
#00B0C7
#C700B0

CSS Usage Examples

Background

background-color: #AFC500;

Text

color: #AFC500;

Border

border: 2px solid #AFC500;

Shadow

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