HEX #A4BAE5 color — Spindle
The color #a4bae5 is a light shade and slightly desaturated.
Palette
a4bae5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6fc |
rgb(243,246,252) |
hsl(220,56%,97%) |
#dfe7f6 |
rgb(223,231,246) |
hsl(220,56%,92%) |
#cbd8f0 |
rgb(203,216,240) |
hsl(220,56%,87%) |
#b7c9eb |
rgb(183,201,235) |
hsl(220,56%,82%) |
#a4b9e5 |
rgb(164,185,229) |
hsl(220,56%,77%) |
#90aae0 |
rgb(144,170,224) |
hsl(220,56%,72%) |
#7c9bda |
rgb(124,155,218) |
hsl(220,56%,67%) |
#688cd4 |
rgb(104,140,212) |
hsl(220,56%,62%) |
#547dcf |
rgb(84,125,207) |
hsl(220,56%,57%) |
#406ec9 |
rgb(64,110,201) |
hsl(220,56%,52%) |
#3561bb |
rgb(53,97,187) |
hsl(220,56%,47%) |
#2f57a7 |
rgb(47,87,167) |
hsl(220,56%,42%) |
#2a4d93 |
rgb(42,77,147) |
hsl(220,56%,37%) |
#24427f |
rgb(36,66,127) |
hsl(220,56%,32%) |
#1e386b |
rgb(30,56,107) |
hsl(220,56%,27%) |
#192e58 |
rgb(25,46,88) |
hsl(220,56%,22%) |
#132344 |
rgb(19,35,68) |
hsl(220,56%,17%) |
#0d1930 |
rgb(13,25,48) |
hsl(220,56%,12%) |
#080f1c |
rgb(8,15,28) |
hsl(220,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(220,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#A4E6E4 |
rgb(164,230,228) |
hsl(178,57%,77%) |
#A4BAE5 |
rgb(164,186,229) |
hsl(220,56%,77%) |
#B9A3E5 |
rgb(185,163,229) |
hsl(260,56%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D4DEF2 |
rgb(212,222,242) |
hsl(220,54%,89%) |
#A4BAE5 |
rgb(164,186,229) |
hsl(220,56%,77%) |
#7394D7 |
rgb(115,148,215) |
hsl(220,56%,65%) |
#4270C9 |
rgb(66,112,201) |
hsl(220,56%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#A4BAE5 |
rgb(164,186,229) |
hsl(220,56%,77%) |
#E5ADA4 |
rgb(229,173,164) |
hsl(8,56%,77%) |
#DAE6A4 |
rgb(218,230,164) |
hsl(71,57%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A4BAE5 |
rgb(164,186,229) |
hsl(220,56%,77%) |
#E5CFA4 |
rgb(229,207,164) |
hsl(40,56%,77%) |
#A4DBE5 |
rgb(164,219,229) |
hsl(189,56%,77%) |
#DAE6A4 |
rgb(218,230,164) |
hsl(71,57%,77%) |