HEX #A2BAE6 color — Spindle
The color #a2bae6 is a light shade and slightly desaturated.
Palette
a2bae6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(219,58%,97%) |
#dfe7f6 |
rgb(223,231,246) |
hsl(219,58%,92%) |
#cbd8f1 |
rgb(203,216,241) |
hsl(219,58%,87%) |
#b6c9ec |
rgb(182,201,236) |
hsl(219,58%,82%) |
#a2bae6 |
rgb(162,186,230) |
hsl(219,58%,77%) |
#8eabe1 |
rgb(142,171,225) |
hsl(219,58%,72%) |
#7a9cdc |
rgb(122,156,220) |
hsl(219,58%,67%) |
#668dd6 |
rgb(102,141,214) |
hsl(219,58%,62%) |
#527ed1 |
rgb(82,126,209) |
hsl(219,58%,57%) |
#3e6fcc |
rgb(62,111,204) |
hsl(219,58%,52%) |
#3263bd |
rgb(50,99,189) |
hsl(219,58%,47%) |
#2d58a9 |
rgb(45,88,169) |
hsl(219,58%,42%) |
#284e95 |
rgb(40,78,149) |
hsl(219,58%,37%) |
#224381 |
rgb(34,67,129) |
hsl(219,58%,32%) |
#1d396d |
rgb(29,57,109) |
hsl(219,58%,27%) |
#182e59 |
rgb(24,46,89) |
hsl(219,58%,22%) |
#122444 |
rgb(18,36,68) |
hsl(219,58%,17%) |
#0d1930 |
rgb(13,25,48) |
hsl(219,58%,12%) |
#070f1c |
rgb(7,15,28) |
hsl(219,58%,7%) |
#020408 |
rgb(2,4,8) |
hsl(219,58%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#A2E6E4 |
rgb(162,230,228) |
hsl(178,58%,77%) |
#A2BAE6 |
rgb(162,186,230) |
hsl(219,58%,77%) |
#B7A3E6 |
rgb(183,163,230) |
hsl(258,57%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D3DEF3 |
rgb(211,222,243) |
hsl(219,57%,89%) |
#A2BAE6 |
rgb(162,186,230) |
hsl(219,58%,77%) |
#7096D8 |
rgb(112,150,216) |
hsl(218,57%,64%) |
#3F70CB |
rgb(63,112,203) |
hsl(219,57%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#A2BAE6 |
rgb(162,186,230) |
hsl(219,58%,77%) |
#E6ABA2 |
rgb(230,171,162) |
hsl(8,58%,77%) |
#DCE6A2 |
rgb(220,230,162) |
hsl(69,58%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A2BAE6 |
rgb(162,186,230) |
hsl(219,58%,77%) |
#E6CFA2 |
rgb(230,207,162) |
hsl(40,58%,77%) |
#A2DBE6 |
rgb(162,219,230) |
hsl(190,58%,77%) |
#DCE6A2 |
rgb(220,230,162) |
hsl(69,58%,77%) |