Skip to main content

#CCED8E

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
#CCED8E
RGB
rgb(204, 237, 142)
RGBA
rgba(204, 237, 142, 1)
HSL
hsl(80.84, 72.52%, 74.31%)
HSLA
hsla(81, 73%, 74%, 1)
CMYK
cmyk(14%, 0%, 40%, 7%)

Color Palettes

Harmonious color combinations based on #CCED8E

Monochromatic

Shades and tints of the same hue

#1F2C07
#5D8415
#9BDD22
#C3EA7B
#EBF8D3

Analogous

Adjacent colors on the color wheel

#EDAE8C
#EDDF8C
#CCED8E
#9BED8C
#8CEDAE

Complementary

Opposite color for maximum contrast

#CCED8E
#AE8CED

Triadic

Three evenly spaced colors

#CCED8E
#8CCBED
#ED8CCB

CSS Usage Examples

Background

background-color: #CCED8E;

Text

color: #CCED8E;

Border

border: 2px solid #CCED8E;

Shadow

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