Skip to main content

#CCC967

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
#CCC967
RGB
rgb(204, 201, 103)
RGBA
rgba(204, 201, 103, 1)
HSL
hsl(58.22, 49.75%, 60.2%)
HSLA
hsla(58, 50%, 60%, 1)
CMYK
cmyk(0%, 1%, 50%, 20%)

Color Palettes

Harmonious color combinations based on #CCC967

Monochromatic

Shades and tints of the same hue

#26250D
#737026
#BFBB40
#D9D68C
#F2F1D9

Analogous

Adjacent colors on the color wheel

#CC6669
#CC9666
#CCC967
#9CCC66
#69CC66

Complementary

Opposite color for maximum contrast

#CCC967
#6669CC

Triadic

Three evenly spaced colors

#CCC967
#66CCC9
#C966CC

CSS Usage Examples

Background

background-color: #CCC967;

Text

color: #CCC967;

Border

border: 2px solid #CCC967;

Shadow

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