HEX #A2DEF5 color — Sail
The color #A2DEF5 is a light shade and slightly desaturated.
Palette
A2DEF5 color palette from light to dark
HEX |
RGB |
HSL |
#e8f7fd |
rgb(232,247,253) |
hsl(197,81%,95%) |
#d1eefa |
rgb(209,238,250) |
hsl(197,81%,90%) |
#bae6f8 |
rgb(186,230,248) |
hsl(197,81%,85%) |
#a3def5 |
rgb(163,222,245) |
hsl(197,81%,80%) |
#8cd6f3 |
rgb(140,214,243) |
hsl(197,81%,75%) |
#75cdf0 |
rgb(117,205,240) |
hsl(197,81%,70%) |
#5dc5ee |
rgb(93,197,238) |
hsl(197,81%,65%) |
#46bdec |
rgb(70,189,236) |
hsl(197,81%,60%) |
#2fb5e9 |
rgb(47,181,233) |
hsl(197,81%,55%) |
#18ace7 |
rgb(24,172,231) |
hsl(197,81%,50%) |
#169bd0 |
rgb(22,155,208) |
hsl(197,81%,45%) |
#138ab9 |
rgb(19,138,185) |
hsl(197,81%,40%) |
#1179a2 |
rgb(17,121,162) |
hsl(197,81%,35%) |
#0f678a |
rgb(15,103,138) |
hsl(197,81%,30%) |
#0c5673 |
rgb(12,86,115) |
hsl(197,81%,25%) |
#0a455c |
rgb(10,69,92) |
hsl(197,81%,20%) |
#073445 |
rgb(7,52,69) |
hsl(197,81%,15%) |
#05222e |
rgb(5,34,46) |
hsl(197,81%,10%) |
#021117 |
rgb(2,17,23) |
hsl(197,81%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#A2F5D4 |
rgb(162,245,212) |
hsl(156,81%,80%) |
#A2DEF5 |
rgb(162,222,245) |
hsl(197,81%,80%) |
#A2A6F5 |
rgb(162,166,245) |
hsl(237,81%,80%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DCF2FB |
rgb(220,242,251) |
hsl(197,79%,92%) |
#A2DEF5 |
rgb(162,222,245) |
hsl(197,81%,80%) |
#67C9EE |
rgb(103,201,238) |
hsl(196,80%,67%) |
#2CB5E8 |
rgb(44,181,232) |
hsl(196,80%,54%) |
Triad color palettes
HEX |
RGB |
HSL |
#A2DEF5 |
rgb(162,222,245) |
hsl(197,81%,80%) |
#F5A3B4 |
rgb(245,163,180) |
hsl(348,80%,80%) |
#F5E3A2 |
rgb(245,227,162) |
hsl(47,81%,80%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A2DEF5 |
rgb(162,222,245) |
hsl(197,81%,80%) |
#F5BAA2 |
rgb(245,186,162) |
hsl(17,81%,80%) |
#A2F5E2 |
rgb(162,245,226) |
hsl(166,81%,80%) |
#F5E3A2 |
rgb(245,227,162) |
hsl(47,81%,80%) |