HEX #ECF7FD color — Foam
The color #ECF7FD is a light shade and desaturated.
Palette
ECF7FD color palette from light to dark
HEX |
RGB |
HSL |
#edf7fd |
rgb(237,247,253) |
hsl(201,81%,96%) |
#d5eefb |
rgb(213,238,251) |
hsl(201,81%,91%) |
#bee4f8 |
rgb(190,228,248) |
hsl(201,81%,86%) |
#a7daf6 |
rgb(167,218,246) |
hsl(201,81%,81%) |
#90d1f3 |
rgb(144,209,243) |
hsl(201,81%,76%) |
#79c7f1 |
rgb(121,199,241) |
hsl(201,81%,71%) |
#62bdef |
rgb(98,189,239) |
hsl(201,81%,66%) |
#4bb4ec |
rgb(75,180,236) |
hsl(201,81%,61%) |
#34aaea |
rgb(52,170,234) |
hsl(201,81%,56%) |
#1da0e7 |
rgb(29,160,231) |
hsl(201,81%,51%) |
#1692d4 |
rgb(22,146,212) |
hsl(201,81%,46%) |
#1482bd |
rgb(20,130,189) |
hsl(201,81%,41%) |
#1172a6 |
rgb(17,114,166) |
hsl(201,81%,36%) |
#0f628f |
rgb(15,98,143) |
hsl(201,81%,31%) |
#0d5278 |
rgb(13,82,120) |
hsl(201,81%,26%) |
#0a4361 |
rgb(10,67,97) |
hsl(201,81%,21%) |
#08334a |
rgb(8,51,74) |
hsl(201,81%,16%) |
#052333 |
rgb(5,35,51) |
hsl(201,81%,11%) |
#03131c |
rgb(3,19,28) |
hsl(201,81%,6%) |
#000305 |
rgb(0,3,5) |
hsl(201,81%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#ECFCF7 |
rgb(236,252,247) |
hsl(161,73%,96%) |
#ECF7FD |
rgb(236,247,253) |
hsl(201,81%,96%) |
#ECEDFD |
rgb(236,237,253) |
hsl(236,81%,96%) |
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%) |
#ECF7FD |
rgb(236,247,253) |
hsl(201,81%,96%) |
#A5D9F5 |
rgb(165,217,245) |
hsl(201,80%,80%) |
Triad color palettes
HEX |
RGB |
HSL |
#ECF7FD |
rgb(236,247,253) |
hsl(201,81%,96%) |
#FDEDEE |
rgb(253,237,238) |
hsl(356,80%,96%) |
#FDFAEC |
rgb(253,250,236) |
hsl(49,81%,96%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#ECF7FD |
rgb(236,247,253) |
hsl(201,81%,96%) |
#FDF2EC |
rgb(253,242,236) |
hsl(21,81%,96%) |
#ECFCFA |
rgb(236,252,250) |
hsl(173,73%,96%) |
#FDFAEC |
rgb(253,250,236) |
hsl(49,81%,96%) |