HEX #AFD0F8 color — Sail
The color #afd0f8 is a light shade and slightly desaturated.
Palette
afd0f8 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(213,84%,98%) |
#deecfc |
rgb(222,236,252) |
hsl(213,84%,93%) |
#c7defa |
rgb(199,222,250) |
hsl(213,84%,88%) |
#afd0f8 |
rgb(175,208,248) |
hsl(213,84%,83%) |
#98c2f6 |
rgb(152,194,246) |
hsl(213,84%,78%) |
#80b4f4 |
rgb(128,180,244) |
hsl(213,84%,73%) |
#69a7f2 |
rgb(105,167,242) |
hsl(213,84%,68%) |
#5199f0 |
rgb(81,153,240) |
hsl(213,84%,63%) |
#3a8bee |
rgb(58,139,238) |
hsl(213,84%,58%) |
#227dec |
rgb(34,125,236) |
hsl(213,84%,53%) |
#1470e1 |
rgb(20,112,225) |
hsl(213,84%,48%) |
#1264ca |
rgb(18,100,202) |
hsl(213,84%,43%) |
#1059b2 |
rgb(16,89,178) |
hsl(213,84%,38%) |
#0d4d9b |
rgb(13,77,155) |
hsl(213,84%,33%) |
#0b4183 |
rgb(11,65,131) |
hsl(213,84%,28%) |
#09366c |
rgb(9,54,108) |
hsl(213,84%,23%) |
#072a54 |
rgb(7,42,84) |
hsl(213,84%,18%) |
#051e3d |
rgb(5,30,61) |
hsl(213,84%,13%) |
#031326 |
rgb(3,19,38) |
hsl(213,84%,8%) |
#01070e |
rgb(1,7,14) |
hsl(213,84%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#AFF7EF |
rgb(175,247,239) |
hsl(173,82%,83%) |
#AFD0F8 |
rgb(175,208,248) |
hsl(213,84%,83%) |
#BEB0F8 |
rgb(190,176,248) |
hsl(252,84%,83%) |
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%) |
#EDF5FD |
rgb(237,245,253) |
hsl(210,80%,96%) |
#AFD0F8 |
rgb(175,208,248) |
hsl(213,84%,83%) |
#70ABF2 |
rgb(112,171,242) |
hsl(213,83%,69%) |
Triad color palettes
HEX |
RGB |
HSL |
#AFD0F8 |
rgb(175,208,248) |
hsl(213,84%,83%) |
#F8B3AF |
rgb(248,179,175) |
hsl(3,84%,83%) |
#F4F7AF |
rgb(244,247,175) |
hsl(63,82%,83%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#AFD0F8 |
rgb(175,208,248) |
hsl(213,84%,83%) |
#F8D6AF |
rgb(248,214,175) |
hsl(32,84%,83%) |
#AFF5F8 |
rgb(175,245,248) |
hsl(182,84%,83%) |
#F4F7AF |
rgb(244,247,175) |
hsl(63,82%,83%) |