Skip to main content

#CCFF45

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
#CCFF45
RGB
rgb(204, 255, 69)
RGBA
rgba(204, 255, 69, 1)
HSL
hsl(76.45, 100%, 63.53%)
HSLA
hsla(76, 100%, 64%, 1)
CMYK
cmyk(20%, 0%, 73%, 0%)

Color Palettes

Harmonious color combinations based on #CCFF45

Monochromatic

Shades and tints of the same hue

#253300
#709900
#BBFF00
#D6FF66
#F1FFCC

Analogous

Adjacent colors on the color wheel

#FF7847
#FFD447
#CCFF45
#72FF47
#47FF78

Complementary

Opposite color for maximum contrast

#CCFF45
#7847FF

Triadic

Three evenly spaced colors

#CCFF45
#47CEFF
#FF47CE

CSS Usage Examples

Background

background-color: #CCFF45;

Text

color: #CCFF45;

Border

border: 2px solid #CCFF45;

Shadow

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