HEX #A3D3F5 color — Sail
The color #a3d3f5 is a light shade and slightly desaturated.
Palette
a3d3f5 color palette from light to dark
HEX |
RGB |
HSL |
#e8f4fc |
rgb(232,244,252) |
hsl(205,80%,95%) |
#d1e9fa |
rgb(209,233,250) |
hsl(205,80%,90%) |
#badef7 |
rgb(186,222,247) |
hsl(205,80%,85%) |
#a3d3f5 |
rgb(163,211,245) |
hsl(205,80%,80%) |
#8cc8f2 |
rgb(140,200,242) |
hsl(205,80%,75%) |
#75bdf0 |
rgb(117,189,240) |
hsl(205,80%,70%) |
#5eb2ed |
rgb(94,178,237) |
hsl(205,80%,65%) |
#47a7eb |
rgb(71,167,235) |
hsl(205,80%,60%) |
#309ce8 |
rgb(48,156,232) |
hsl(205,80%,55%) |
#1a91e6 |
rgb(26,145,230) |
hsl(205,80%,50%) |
#1782cf |
rgb(23,130,207) |
hsl(205,80%,45%) |
#1474b8 |
rgb(20,116,184) |
hsl(205,80%,40%) |
#1265a1 |
rgb(18,101,161) |
hsl(205,80%,35%) |
#0f578a |
rgb(15,87,138) |
hsl(205,80%,30%) |
#0d4873 |
rgb(13,72,115) |
hsl(205,80%,25%) |
#0a3a5c |
rgb(10,58,92) |
hsl(205,80%,20%) |
#082b45 |
rgb(8,43,69) |
hsl(205,80%,15%) |
#051d2e |
rgb(5,29,46) |
hsl(205,80%,10%) |
#030e17 |
rgb(3,14,23) |
hsl(205,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#A3F5E0 |
rgb(163,245,224) |
hsl(165,80%,80%) |
#A3D3F5 |
rgb(163,211,245) |
hsl(205,80%,80%) |
#A9A3F5 |
rgb(169,163,245) |
hsl(244,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%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DDF0FB |
rgb(221,240,251) |
hsl(202,79%,93%) |
#A3D3F5 |
rgb(163,211,245) |
hsl(205,80%,80%) |
#68B8EE |
rgb(104,184,238) |
hsl(204,80%,67%) |
Triad color palettes
HEX |
RGB |
HSL |
#A3D3F5 |
rgb(163,211,245) |
hsl(205,80%,80%) |
#F5A3AA |
rgb(245,163,170) |
hsl(355,80%,80%) |
#F5EDA3 |
rgb(245,237,163) |
hsl(54,80%,80%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A3D3F5 |
rgb(163,211,245) |
hsl(205,80%,80%) |
#F5C4A3 |
rgb(245,196,163) |
hsl(24,80%,80%) |
#A3F5EE |
rgb(163,245,238) |
hsl(175,80%,80%) |
#F5EDA3 |
rgb(245,237,163) |
hsl(54,80%,80%) |