Skip to main content

#CCDE9F

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
#CCDE9F
RGB
rgb(204, 222, 159)
RGBA
rgba(204, 222, 159, 1)
HSL
hsl(77.14, 48.84%, 74.71%)
HSLA
hsla(77, 49%, 75%, 1)
CMYK
cmyk(8%, 0%, 28%, 13%)

Color Palettes

Harmonious color combinations based on #CCDE9F

Monochromatic

Shades and tints of the same hue

#1F260D
#5D7227
#9BBE41
#C3D88D
#EBF2D9

Analogous

Adjacent colors on the color wheel

#DEB2A0
#DED1A0
#CCDE9F
#AEDEA0
#A0DEB2

Complementary

Opposite color for maximum contrast

#CCDE9F
#B2A0DE

Triadic

Three evenly spaced colors

#CCDE9F
#A0CDDE
#DEA0CD

CSS Usage Examples

Background

background-color: #CCDE9F;

Text

color: #CCDE9F;

Border

border: 2px solid #CCDE9F;

Shadow

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