Skip to main content

#AFAF23

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
#AFAF23
RGB
rgb(175, 175, 35)
RGBA
rgba(175, 175, 35, 1)
HSL
hsl(60, 66.67%, 41.18%)
HSLA
hsla(60, 67%, 41%, 1)
CMYK
cmyk(0%, 0%, 80%, 31%)

Color Palettes

Harmonious color combinations based on #AFAF23

Monochromatic

Shades and tints of the same hue

#2B2B08
#808019
#D5D52A
#E6E67F
#F7F7D4

Analogous

Adjacent colors on the color wheel

#AF2323
#AF6923
#AFAF23
#69AF23
#23AF23

Complementary

Opposite color for maximum contrast

#AFAF23
#2323AF

Triadic

Three evenly spaced colors

#AFAF23
#23AFAF
#AF23AF

CSS Usage Examples

Background

background-color: #AFAF23;

Text

color: #AFAF23;

Border

border: 2px solid #AFAF23;

Shadow

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