HEX #DEF5FD color — Foam

The color #def5fd is a light shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

def5fd color palette from light to dark

HEX RGB HSL
#f5fcfe rgb(245,252,254) hsl(195,89%,98%)
#ddf5fd rgb(221,245,253) hsl(195,89%,93%)
#c5eefc rgb(197,238,252) hsl(195,89%,88%)
#ade7fa rgb(173,231,250) hsl(195,89%,83%)
#95e0f9 rgb(149,224,249) hsl(195,89%,78%)
#7dd9f7 rgb(125,217,247) hsl(195,89%,73%)
#65d2f6 rgb(101,210,246) hsl(195,89%,68%)
#4dcbf5 rgb(77,203,245) hsl(195,89%,63%)
#35c4f3 rgb(53,196,243) hsl(195,89%,58%)
#1cbcf2 rgb(28,188,242) hsl(195,89%,53%)
#0db1e7 rgb(13,177,231) hsl(195,89%,48%)
#0c9ecf rgb(12,158,207) hsl(195,89%,43%)
#0b8cb7 rgb(11,140,183) hsl(195,89%,38%)
#097a9f rgb(9,122,159) hsl(195,89%,33%)
#086787 rgb(8,103,135) hsl(195,89%,28%)
#06556f rgb(6,85,111) hsl(195,89%,23%)
#054257 rgb(5,66,87) hsl(195,89%,18%)
#04303f rgb(4,48,63) hsl(195,89%,13%)
#021d27 rgb(2,29,39) hsl(195,89%,8%)
#010b0e rgb(1,11,14) hsl(195,89%,3%)

Adjacent colors

HEX RGB HSL
#DEFCF0 rgb(222,252,240) hsl(156,83%,93%)
#DEF5FD rgb(222,245,253) hsl(195,89%,93%)
#DEE0FD rgb(222,224,253) hsl(236,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%)
#DEF5FD rgb(222,245,253) hsl(195,89%,93%)
#96E0F8 rgb(150,224,248) hsl(195,88%,78%)

Triad color palettes

HEX RGB HSL
#DEF5FD rgb(222,245,253) hsl(195,89%,93%)
#FDDEE5 rgb(253,222,229) hsl(346,89%,93%)
#FDF5DE rgb(253,245,222) hsl(45,89%,93%)

Tetrad color palettes

HEX RGB HSL
#DEF5FD rgb(222,245,253) hsl(195,89%,93%)
#FDE6DE rgb(253,230,222) hsl(15,89%,93%)
#DEFCF5 rgb(222,252,245) hsl(166,83%,93%)
#FDF5DE rgb(253,245,222) hsl(45,89%,93%)