Skip to main content

#CCF996

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
#CCF996
RGB
rgb(204, 249, 150)
RGBA
rgba(204, 249, 150, 1)
HSL
hsl(87.27, 89.19%, 78.24%)
HSLA
hsla(87, 89%, 78%, 1)
CMYK
cmyk(18%, 0%, 40%, 2%)

Color Palettes

Harmonious color combinations based on #CCF996

Monochromatic

Shades and tints of the same hue

#1C3003
#539108
#8BF10E
#B9F76E
#E8FCCF

Analogous

Adjacent colors on the color wheel

#F9C295
#F9F495
#CCF996
#9AF995
#95F9C2

Complementary

Opposite color for maximum contrast

#CCF996
#C295F9

Triadic

Three evenly spaced colors

#CCF996
#95CCF9
#F995CC

CSS Usage Examples

Background

background-color: #CCF996;

Text

color: #CCF996;

Border

border: 2px solid #CCF996;

Shadow

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