HEX #A2D6F5 color — Sail
The color #A2D6F5 is a light shade and slightly desaturated.
Palette
A2D6F5 color palette from light to dark
HEX |
RGB |
HSL |
#e8f5fd |
rgb(232,245,253) |
hsl(202,81%,95%) |
#d1ebfa |
rgb(209,235,250) |
hsl(202,81%,90%) |
#bae1f8 |
rgb(186,225,248) |
hsl(202,81%,85%) |
#a3d7f5 |
rgb(163,215,245) |
hsl(202,81%,80%) |
#8ccdf3 |
rgb(140,205,243) |
hsl(202,81%,75%) |
#75c3f0 |
rgb(117,195,240) |
hsl(202,81%,70%) |
#5db9ee |
rgb(93,185,238) |
hsl(202,81%,65%) |
#46afec |
rgb(70,175,236) |
hsl(202,81%,60%) |
#2fa5e9 |
rgb(47,165,233) |
hsl(202,81%,55%) |
#189be7 |
rgb(24,155,231) |
hsl(202,81%,50%) |
#168cd0 |
rgb(22,140,208) |
hsl(202,81%,45%) |
#137cb9 |
rgb(19,124,185) |
hsl(202,81%,40%) |
#116da2 |
rgb(17,109,162) |
hsl(202,81%,35%) |
#0f5d8a |
rgb(15,93,138) |
hsl(202,81%,30%) |
#0c4e73 |
rgb(12,78,115) |
hsl(202,81%,25%) |
#0a3e5c |
rgb(10,62,92) |
hsl(202,81%,20%) |
#072f45 |
rgb(7,47,69) |
hsl(202,81%,15%) |
#051f2e |
rgb(5,31,46) |
hsl(202,81%,10%) |
#021017 |
rgb(2,16,23) |
hsl(202,81%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#A2F5DC |
rgb(162,245,220) |
hsl(162,81%,80%) |
#A2D6F5 |
rgb(162,214,245) |
hsl(202,81%,80%) |
#A5A3F5 |
rgb(165,163,245) |
hsl(241,80%,80%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DCF0FB |
rgb(220,240,251) |
hsl(201,79%,92%) |
#A2D6F5 |
rgb(162,214,245) |
hsl(202,81%,80%) |
#67BDEE |
rgb(103,189,238) |
hsl(202,80%,67%) |
#2CA3E8 |
rgb(44,163,232) |
hsl(202,80%,54%) |
Triad color palettes
HEX |
RGB |
HSL |
#A2D6F5 |
rgb(162,214,245) |
hsl(202,81%,80%) |
#F5A3AC |
rgb(245,163,172) |
hsl(353,80%,80%) |
#F5EBA2 |
rgb(245,235,162) |
hsl(53,81%,80%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A2D6F5 |
rgb(162,214,245) |
hsl(202,81%,80%) |
#F5C2A2 |
rgb(245,194,162) |
hsl(23,81%,80%) |
#A2F5EA |
rgb(162,245,234) |
hsl(172,81%,80%) |
#F5EBA2 |
rgb(245,235,162) |
hsl(53,81%,80%) |