HEX #AFD5F8 color — Sail
The color #afd5f8 is a light shade and slightly desaturated.
Palette
afd5f8 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(209,84%,98%) |
#deeefc |
rgb(222,238,252) |
hsl(209,84%,93%) |
#c7e1fa |
rgb(199,225,250) |
hsl(209,84%,88%) |
#afd5f8 |
rgb(175,213,248) |
hsl(209,84%,83%) |
#98c8f6 |
rgb(152,200,246) |
hsl(209,84%,78%) |
#80bcf4 |
rgb(128,188,244) |
hsl(209,84%,73%) |
#69b0f2 |
rgb(105,176,242) |
hsl(209,84%,68%) |
#51a3f0 |
rgb(81,163,240) |
hsl(209,84%,63%) |
#3a97ee |
rgb(58,151,238) |
hsl(209,84%,58%) |
#228bec |
rgb(34,139,236) |
hsl(209,84%,53%) |
#147ee1 |
rgb(20,126,225) |
hsl(209,84%,48%) |
#1271ca |
rgb(18,113,202) |
hsl(209,84%,43%) |
#1064b2 |
rgb(16,100,178) |
hsl(209,84%,38%) |
#0d579b |
rgb(13,87,155) |
hsl(209,84%,33%) |
#0b4983 |
rgb(11,73,131) |
hsl(209,84%,28%) |
#093c6c |
rgb(9,60,108) |
hsl(209,84%,23%) |
#072f54 |
rgb(7,47,84) |
hsl(209,84%,18%) |
#05223d |
rgb(5,34,61) |
hsl(209,84%,13%) |
#031526 |
rgb(3,21,38) |
hsl(209,84%,8%) |
#01080e |
rgb(1,8,14) |
hsl(209,84%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#AFF7EA |
rgb(175,247,234) |
hsl(169,82%,83%) |
#AFD5F8 |
rgb(175,213,248) |
hsl(209,84%,83%) |
#B9B0F8 |
rgb(185,176,248) |
hsl(248,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%) |
#AFD5F8 |
rgb(175,213,248) |
hsl(209,84%,83%) |
#70B5F2 |
rgb(112,181,242) |
hsl(208,83%,69%) |
Triad color palettes
HEX |
RGB |
HSL |
#AFD5F8 |
rgb(175,213,248) |
hsl(209,84%,83%) |
#F8B0B0 |
rgb(248,176,176) |
hsl(360,84%,83%) |
#F8F7AF |
rgb(248,247,175) |
hsl(59,84%,83%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#AFD5F8 |
rgb(175,213,248) |
hsl(209,84%,83%) |
#F8D1AF |
rgb(248,209,175) |
hsl(28,84%,83%) |
#AFF7F6 |
rgb(175,247,246) |
hsl(179,82%,83%) |
#F8F7AF |
rgb(248,247,175) |
hsl(59,84%,83%) |