HEX #A2D4F5 color — Sail
The color #A2D4F5 is a light shade and slightly desaturated.
Palette
A2D4F5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8f4fd |
rgb(232,244,253) |
hsl(204,81%,95%) |
| #d1eafa |
rgb(209,234,250) |
hsl(204,81%,90%) |
| #badff8 |
rgb(186,223,248) |
hsl(204,81%,85%) |
| #a3d4f5 |
rgb(163,212,245) |
hsl(204,81%,80%) |
| #8ccaf3 |
rgb(140,202,243) |
hsl(204,81%,75%) |
| #75bff0 |
rgb(117,191,240) |
hsl(204,81%,70%) |
| #5db4ee |
rgb(93,180,238) |
hsl(204,81%,65%) |
| #46aaec |
rgb(70,170,236) |
hsl(204,81%,60%) |
| #2f9fe9 |
rgb(47,159,233) |
hsl(204,81%,55%) |
| #1894e7 |
rgb(24,148,231) |
hsl(204,81%,50%) |
| #1685d0 |
rgb(22,133,208) |
hsl(204,81%,45%) |
| #1377b9 |
rgb(19,119,185) |
hsl(204,81%,40%) |
| #1168a2 |
rgb(17,104,162) |
hsl(204,81%,35%) |
| #0f598a |
rgb(15,89,138) |
hsl(204,81%,30%) |
| #0c4a73 |
rgb(12,74,115) |
hsl(204,81%,25%) |
| #0a3b5c |
rgb(10,59,92) |
hsl(204,81%,20%) |
| #072c45 |
rgb(7,44,69) |
hsl(204,81%,15%) |
| #051e2e |
rgb(5,30,46) |
hsl(204,81%,10%) |
| #020f17 |
rgb(2,15,23) |
hsl(204,81%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #A2F5DE |
rgb(162,245,222) |
hsl(163,81%,80%) |
| #A2D4F5 |
rgb(162,212,245) |
hsl(204,81%,80%) |
| #A7A3F5 |
rgb(167,163,245) |
hsl(243,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%) |
| #A2D4F5 |
rgb(162,212,245) |
hsl(204,81%,80%) |
| #67B8EE |
rgb(103,184,238) |
hsl(204,80%,67%) |
| #2C9EE8 |
rgb(44,158,232) |
hsl(204,80%,54%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #A2D4F5 |
rgb(162,212,245) |
hsl(204,81%,80%) |
| #F5A3AA |
rgb(245,163,170) |
hsl(355,80%,80%) |
| #F5EDA2 |
rgb(245,237,162) |
hsl(54,81%,80%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #A2D4F5 |
rgb(162,212,245) |
hsl(204,81%,80%) |
| #F5C2A2 |
rgb(245,194,162) |
hsl(23,81%,80%) |
| #A2F5EC |
rgb(162,245,236) |
hsl(173,81%,80%) |
| #F5EDA2 |
rgb(245,237,162) |
hsl(54,81%,80%) |
