#FFCC80

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

#FFCC80

RGB

rgb(255, 204, 128)

RGBA

rgba(255, 204, 128, 1)

HSL

hsl(35.91, 100%, 75.1%)

HSLA

hsla(36, 100%, 75%, 1)

CMYK

cmyk(0%, 20%, 50%, 0%)

Color Palettes

Harmonious color combinations based on #FFCC80

Monochromatic

Shades and tints of the same hue

#331F00

#995C00

#FF9900

#FFC266

#FFEBCC

Analogous

Adjacent colors on the color wheel

#FF80B3

#FF8C80

#FFCC80

#F2FF80

#B3FF80

Complementary

Opposite color for maximum contrast

#FFCC80

#80B3FF

Triadic

Three evenly spaced colors

#FFCC80

#80FFCC

#CC80FF

CSS Usage Examples

Background

background-color: #FFCC80;

Text

color: #FFCC80;

Border

border: 2px solid #FFCC80;

Shadow

box-shadow: 0 4px 6px #FFCC8040;

Related Colors

Discover harmonious color variations

Complementary

#80B3FF

Opposite on color wheel

Lighter

#FFF5E6

+20% lightness

Darker

#FFA31A

-20% lightness

Analogous -30°

#FF8D80

Adjacent color

Analogous +30°

#F3FF80

Adjacent color