Skip to main content

#CCFFF2

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
#CCFFF2
RGB
rgb(204, 255, 242)
RGBA
rgba(204, 255, 242, 1)
HSL
hsl(164.71, 100%, 90%)
HSLA
hsla(165, 100%, 90%, 1)
CMYK
cmyk(20%, 0%, 5%, 0%)

Color Palettes

Harmonious color combinations based on #CCFFF2

Monochromatic

Shades and tints of the same hue

#003326
#009973
#00FFBF
#66FFD9
#CCFFF2

Analogous

Adjacent colors on the color wheel

#D9FFCC
#CCFFD9
#CCFFF2
#CCF2FF
#CCD9FF

Complementary

Opposite color for maximum contrast

#CCFFF2
#FFCCD9

Triadic

Three evenly spaced colors

#CCFFF2
#F2CCFF
#FFF2CC

CSS Usage Examples

Background

background-color: #CCFFF2;

Text

color: #CCFFF2;

Border

border: 2px solid #CCFFF2;

Shadow

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