HEX #DDF4FD color — Foam
The color #ddf4fd is a light shade and desaturated.
Palette
ddf4fd color palette from light to dark
HEX |
RGB |
HSL |
#f5fcfe |
rgb(245,252,254) |
hsl(197,89%,98%) |
#ddf4fd |
rgb(221,244,253) |
hsl(197,89%,93%) |
#c5ecfc |
rgb(197,236,252) |
hsl(197,89%,88%) |
#ade4fa |
rgb(173,228,250) |
hsl(197,89%,83%) |
#95ddf9 |
rgb(149,221,249) |
hsl(197,89%,78%) |
#7dd5f7 |
rgb(125,213,247) |
hsl(197,89%,73%) |
#65cdf6 |
rgb(101,205,246) |
hsl(197,89%,68%) |
#4dc5f5 |
rgb(77,197,245) |
hsl(197,89%,63%) |
#35bdf3 |
rgb(53,189,243) |
hsl(197,89%,58%) |
#1cb5f2 |
rgb(28,181,242) |
hsl(197,89%,53%) |
#0daae7 |
rgb(13,170,231) |
hsl(197,89%,48%) |
#0c98cf |
rgb(12,152,207) |
hsl(197,89%,43%) |
#0b86b7 |
rgb(11,134,183) |
hsl(197,89%,38%) |
#09759f |
rgb(9,117,159) |
hsl(197,89%,33%) |
#086387 |
rgb(8,99,135) |
hsl(197,89%,28%) |
#06516f |
rgb(6,81,111) |
hsl(197,89%,23%) |
#054057 |
rgb(5,64,87) |
hsl(197,89%,18%) |
#042e3f |
rgb(4,46,63) |
hsl(197,89%,13%) |
#021c27 |
rgb(2,28,39) |
hsl(197,89%,8%) |
#010b0e |
rgb(1,11,14) |
hsl(197,89%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#DDFCF0 |
rgb(221,252,240) |
hsl(157,84%,93%) |
#DDF4FD |
rgb(221,244,253) |
hsl(197,89%,93%) |
#DDDEFD |
rgb(221,222,253) |
hsl(238,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%) |
#DDF4FD |
rgb(221,244,253) |
hsl(197,89%,93%) |
#95DEF8 |
rgb(149,222,248) |
hsl(196,88%,78%) |
Triad color palettes
HEX |
RGB |
HSL |
#DDF4FD |
rgb(221,244,253) |
hsl(197,89%,93%) |
#FDDEE4 |
rgb(253,222,228) |
hsl(348,89%,93%) |
#FDF5DD |
rgb(253,245,221) |
hsl(45,89%,93%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#DDF4FD |
rgb(221,244,253) |
hsl(197,89%,93%) |
#FDE6DD |
rgb(253,230,221) |
hsl(17,89%,93%) |
#DDFCF6 |
rgb(221,252,246) |
hsl(168,84%,93%) |
#FDF5DD |
rgb(253,245,221) |
hsl(45,89%,93%) |