HEX #CCFCF2 color — Foam
The color #CCFCF2 is a light shade and desaturated.
Palette
CCFCF2 color palette from light to dark
HEX |
RGB |
HSL |
#fafffe |
rgb(250,255,254) |
hsl(168,89%,99%) |
#e2fdf8 |
rgb(226,253,248) |
hsl(168,89%,94%) |
#cafcf2 |
rgb(202,252,242) |
hsl(168,89%,89%) |
#b2fbec |
rgb(178,251,236) |
hsl(168,89%,84%) |
#9af9e6 |
rgb(154,249,230) |
hsl(168,89%,79%) |
#82f8e0 |
rgb(130,248,224) |
hsl(168,89%,74%) |
#6af6da |
rgb(106,246,218) |
hsl(168,89%,69%) |
#51f5d4 |
rgb(81,245,212) |
hsl(168,89%,64%) |
#39f3ce |
rgb(57,243,206) |
hsl(168,89%,59%) |
#21f2c8 |
rgb(33,242,200) |
hsl(168,89%,54%) |
#0eecc0 |
rgb(14,236,192) |
hsl(168,89%,49%) |
#0cd4ac |
rgb(12,212,172) |
hsl(168,89%,44%) |
#0bbc99 |
rgb(11,188,153) |
hsl(168,89%,39%) |
#0aa485 |
rgb(10,164,133) |
hsl(168,89%,34%) |
#088c71 |
rgb(8,140,113) |
hsl(168,89%,29%) |
#07745e |
rgb(7,116,94) |
hsl(168,89%,24%) |
#055c4a |
rgb(5,92,74) |
hsl(168,89%,19%) |
#044337 |
rgb(4,67,55) |
hsl(168,89%,14%) |
#032b23 |
rgb(3,43,35) |
hsl(168,89%,9%) |
#011310 |
rgb(1,19,16) |
hsl(168,89%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#CCFCD2 |
rgb(204,252,210) |
hsl(128,89%,89%) |
#CCFCF2 |
rgb(204,252,242) |
hsl(168,89%,89%) |
#CCE6FC |
rgb(204,230,252) |
hsl(208,89%,89%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CCFCF2 |
rgb(204,252,242) |
hsl(168,89%,89%) |
#87F7E0 |
rgb(135,247,224) |
hsl(168,88%,75%) |
Triad color palettes
HEX |
RGB |
HSL |
#CCFCF2 |
rgb(204,252,242) |
hsl(168,89%,89%) |
#FCCCEE |
rgb(252,204,238) |
hsl(318,89%,89%) |
#FCD9CC |
rgb(252,217,204) |
hsl(16,89%,89%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CCFCF2 |
rgb(204,252,242) |
hsl(168,89%,89%) |
#FCCCD6 |
rgb(252,204,214) |
hsl(348,89%,89%) |
#CCFCDA |
rgb(204,252,218) |
hsl(138,89%,89%) |
#FCD9CC |
rgb(252,217,204) |
hsl(16,89%,89%) |