HEX #DEF3FD color — Foam
The color #def3fd is a light shade and desaturated.
Palette
def3fd color palette from light to dark
HEX |
RGB |
HSL |
#f5fcfe |
rgb(245,252,254) |
hsl(199,89%,98%) |
#ddf3fd |
rgb(221,243,253) |
hsl(199,89%,93%) |
#c5eafc |
rgb(197,234,252) |
hsl(199,89%,88%) |
#ade2fa |
rgb(173,226,250) |
hsl(199,89%,83%) |
#95d9f9 |
rgb(149,217,249) |
hsl(199,89%,78%) |
#7dd1f7 |
rgb(125,209,247) |
hsl(199,89%,73%) |
#65c8f6 |
rgb(101,200,246) |
hsl(199,89%,68%) |
#4dbff5 |
rgb(77,191,245) |
hsl(199,89%,63%) |
#35b7f3 |
rgb(53,183,243) |
hsl(199,89%,58%) |
#1caef2 |
rgb(28,174,242) |
hsl(199,89%,53%) |
#0da2e7 |
rgb(13,162,231) |
hsl(199,89%,48%) |
#0c91cf |
rgb(12,145,207) |
hsl(199,89%,43%) |
#0b81b7 |
rgb(11,129,183) |
hsl(199,89%,38%) |
#09709f |
rgb(9,112,159) |
hsl(199,89%,33%) |
#085f87 |
rgb(8,95,135) |
hsl(199,89%,28%) |
#064e6f |
rgb(6,78,111) |
hsl(199,89%,23%) |
#053d57 |
rgb(5,61,87) |
hsl(199,89%,18%) |
#042c3f |
rgb(4,44,63) |
hsl(199,89%,13%) |
#021b27 |
rgb(2,27,39) |
hsl(199,89%,8%) |
#010a0e |
rgb(1,10,14) |
hsl(199,89%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#DEFCF2 |
rgb(222,252,242) |
hsl(160,83%,93%) |
#DEF3FD |
rgb(222,243,253) |
hsl(199,89%,93%) |
#DEDEFD |
rgb(222,222,253) |
hsl(240,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%) |
#DEF3FD |
rgb(222,243,253) |
hsl(199,89%,93%) |
#96D9F8 |
rgb(150,217,248) |
hsl(199,88%,78%) |
Triad color palettes
HEX |
RGB |
HSL |
#DEF3FD |
rgb(222,243,253) |
hsl(199,89%,93%) |
#FDDEE3 |
rgb(253,222,227) |
hsl(350,89%,93%) |
#FDF7DE |
rgb(253,247,222) |
hsl(48,89%,93%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#DEF3FD |
rgb(222,243,253) |
hsl(199,89%,93%) |
#FDE8DE |
rgb(253,232,222) |
hsl(19,89%,93%) |
#DEFCF7 |
rgb(222,252,247) |
hsl(170,83%,93%) |
#FDF7DE |
rgb(253,247,222) |
hsl(48,89%,93%) |