HEX #DFF5FD color — Foam
The color #DFF5FD is a light shade and desaturated.
Palette
DFF5FD color palette from light to dark
HEX |
RGB |
HSL |
#f5fcfe |
rgb(245,252,254) |
hsl(196,88%,98%) |
#ddf4fd |
rgb(221,244,253) |
hsl(196,88%,93%) |
#c5edfb |
rgb(197,237,251) |
hsl(196,88%,88%) |
#aee5fa |
rgb(174,229,250) |
hsl(196,88%,83%) |
#96def8 |
rgb(150,222,248) |
hsl(196,88%,78%) |
#7ed6f7 |
rgb(126,214,247) |
hsl(196,88%,73%) |
#66cff5 |
rgb(102,207,245) |
hsl(196,88%,68%) |
#4ec7f4 |
rgb(78,199,244) |
hsl(196,88%,63%) |
#36c0f2 |
rgb(54,192,242) |
hsl(196,88%,58%) |
#1eb8f1 |
rgb(30,184,241) |
hsl(196,88%,53%) |
#0fade6 |
rgb(15,173,230) |
hsl(196,88%,48%) |
#0d9bce |
rgb(13,155,206) |
hsl(196,88%,43%) |
#0c89b6 |
rgb(12,137,182) |
hsl(196,88%,38%) |
#0a779e |
rgb(10,119,158) |
hsl(196,88%,33%) |
#096586 |
rgb(9,101,134) |
hsl(196,88%,28%) |
#07536e |
rgb(7,83,110) |
hsl(196,88%,23%) |
#064156 |
rgb(6,65,86) |
hsl(196,88%,18%) |
#042f3e |
rgb(4,47,62) |
hsl(196,88%,13%) |
#021d26 |
rgb(2,29,38) |
hsl(196,88%,8%) |
#010b0e |
rgb(1,11,14) |
hsl(196,88%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#DFFCF1 |
rgb(223,252,241) |
hsl(157,83%,93%) |
#DFF5FD |
rgb(223,245,253) |
hsl(196,88%,93%) |
#DFE0FD |
rgb(223,224,253) |
hsl(238,88%,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%) |
#DFF5FD |
rgb(223,245,253) |
hsl(196,88%,93%) |
#97DEF8 |
rgb(151,222,248) |
hsl(196,87%,78%) |
Triad color palettes
HEX |
RGB |
HSL |
#DFF5FD |
rgb(223,245,253) |
hsl(196,88%,93%) |
#FDDEE6 |
rgb(253,222,230) |
hsl(345,89%,93%) |
#FDF5DF |
rgb(253,245,223) |
hsl(44,88%,93%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#DFF5FD |
rgb(223,245,253) |
hsl(196,88%,93%) |
#FDE8DF |
rgb(253,232,223) |
hsl(18,88%,93%) |
#DFFCF6 |
rgb(223,252,246) |
hsl(168,83%,93%) |
#FDF5DF |
rgb(253,245,223) |
hsl(44,88%,93%) |