Skip to main content

#AFBE69

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
#AFBE69
RGB
rgb(175, 190, 105)
RGBA
rgba(175, 190, 105, 1)
HSL
hsl(70.59, 39.53%, 57.84%)
HSLA
hsla(71, 40%, 58%, 1)
CMYK
cmyk(8%, 0%, 45%, 25%)

Color Palettes

Harmonious color combinations based on #AFBE69

Monochromatic

Shades and tints of the same hue

#20240F
#606B2E
#A0B34D
#C6D194
#ECF0DB

Analogous

Adjacent colors on the color wheel

#BF7969
#BFA469
#AFBE69
#84BF69
#69BF79

Complementary

Opposite color for maximum contrast

#AFBE69
#7969BF

Triadic

Three evenly spaced colors

#AFBE69
#69AFBF
#BF69AF

CSS Usage Examples

Background

background-color: #AFBE69;

Text

color: #AFBE69;

Border

border: 2px solid #AFBE69;

Shadow

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