HEX #CAFCF2 color — Foam
The color #cafcf2 is a light shade and slightly desaturated.
Palette
cafcf2 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 |
#CAFCD0 |
rgb(202,252,208) |
hsl(127,89%,89%) |
#CAFCF2 |
rgb(202,252,242) |
hsl(168,89%,89%) |
#CAE6FC |
rgb(202,230,252) |
hsl(206,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%) |
#CAFCF2 |
rgb(202,252,242) |
hsl(168,89%,89%) |
#85F7E1 |
rgb(133,247,225) |
hsl(168,88%,75%) |
Triad color palettes
HEX |
RGB |
HSL |
#CAFCF2 |
rgb(202,252,242) |
hsl(168,89%,89%) |
#FCC9ED |
rgb(252,201,237) |
hsl(318,89%,89%) |
#FCD9CA |
rgb(252,217,202) |
hsl(18,89%,89%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CAFCF2 |
rgb(202,252,242) |
hsl(168,89%,89%) |
#FCC9D4 |
rgb(252,201,212) |
hsl(347,89%,89%) |
#CAFCD9 |
rgb(202,252,217) |
hsl(138,89%,89%) |
#FCD9CA |
rgb(252,217,202) |
hsl(18,89%,89%) |