Skip to main content

#CAD580

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
#CAD580
RGB
rgb(202, 213, 128)
RGBA
rgba(202, 213, 128, 1)
HSL
hsl(67.76, 50.3%, 66.86%)
HSLA
hsla(68, 50%, 67%, 1)
CMYK
cmyk(5%, 0%, 40%, 16%)

Color Palettes

Harmonious color combinations based on #CAD580

Monochromatic

Shades and tints of the same hue

#23260D
#697326
#AEBF40
#CFD98C
#EFF2D9

Analogous

Adjacent colors on the color wheel

#D58C81
#D5B681
#CAD580
#A0D581
#81D58C

Complementary

Opposite color for maximum contrast

#CAD580
#8C81D5

Triadic

Three evenly spaced colors

#CAD580
#81CAD5
#D581CA

CSS Usage Examples

Background

background-color: #CAD580;

Text

color: #CAD580;

Border

border: 2px solid #CAD580;

Shadow

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