HEX #DEFDF2 color — Foam
The color #defdf2 is a light shade and desaturated.
Palette
defdf2 color palette from light to dark
HEX |
RGB |
HSL |
#f5fefb |
rgb(245,254,251) |
hsl(159,89%,98%) |
#ddfdf2 |
rgb(221,253,242) |
hsl(159,89%,93%) |
#c5fce9 |
rgb(197,252,233) |
hsl(159,89%,88%) |
#adfadf |
rgb(173,250,223) |
hsl(159,89%,83%) |
#95f9d6 |
rgb(149,249,214) |
hsl(159,89%,78%) |
#7df7cd |
rgb(125,247,205) |
hsl(159,89%,73%) |
#65f6c3 |
rgb(101,246,195) |
hsl(159,89%,68%) |
#4df5ba |
rgb(77,245,186) |
hsl(159,89%,63%) |
#35f3b0 |
rgb(53,243,176) |
hsl(159,89%,58%) |
#1cf2a7 |
rgb(28,242,167) |
hsl(159,89%,53%) |
#0de79b |
rgb(13,231,155) |
hsl(159,89%,48%) |
#0ccf8b |
rgb(12,207,139) |
hsl(159,89%,43%) |
#0bb77b |
rgb(11,183,123) |
hsl(159,89%,38%) |
#099f6b |
rgb(9,159,107) |
hsl(159,89%,33%) |
#08875a |
rgb(8,135,90) |
hsl(159,89%,28%) |
#066f4a |
rgb(6,111,74) |
hsl(159,89%,23%) |
#05573a |
rgb(5,87,58) |
hsl(159,89%,18%) |
#043f2a |
rgb(4,63,42) |
hsl(159,89%,13%) |
#02271a |
rgb(2,39,26) |
hsl(159,89%,8%) |
#010e0a |
rgb(1,14,10) |
hsl(159,89%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#DEFCDE |
rgb(222,252,222) |
hsl(120,83%,93%) |
#DEFDF2 |
rgb(222,253,242) |
hsl(159,89%,93%) |
#DEF2FD |
rgb(222,242,253) |
hsl(201,89%,93%) |
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%) |
#DEFDF2 |
rgb(222,253,242) |
hsl(159,89%,93%) |
#96FAD5 |
rgb(150,250,213) |
hsl(158,91%,78%) |
Triad color palettes
HEX |
RGB |
HSL |
#DEFDF2 |
rgb(222,253,242) |
hsl(159,89%,93%) |
#FDDEF8 |
rgb(253,222,248) |
hsl(310,89%,93%) |
#FDE3DE |
rgb(253,227,222) |
hsl(10,89%,93%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#DEFDF2 |
rgb(222,253,242) |
hsl(159,89%,93%) |
#FDDEE9 |
rgb(253,222,233) |
hsl(339,89%,93%) |
#DEFCE2 |
rgb(222,252,226) |
hsl(128,83%,93%) |
#FDE3DE |
rgb(253,227,222) |
hsl(10,89%,93%) |