HEX #5A7DC6 color — Indigo
The color #5A7DC6 is a dark shade and moderately saturated.
Palette
5A7DC6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(221,49%,96%) |
#dde4f3 |
rgb(221,228,243) |
hsl(221,49%,91%) |
#cad5ed |
rgb(202,213,237) |
hsl(221,49%,86%) |
#b7c6e6 |
rgb(183,198,230) |
hsl(221,49%,81%) |
#a4b7e0 |
rgb(164,183,224) |
hsl(221,49%,76%) |
#91a8d9 |
rgb(145,168,217) |
hsl(221,49%,71%) |
#7e99d3 |
rgb(126,153,211) |
hsl(221,49%,66%) |
#6b8acc |
rgb(107,138,204) |
hsl(221,49%,61%) |
#587bc6 |
rgb(88,123,198) |
hsl(221,49%,56%) |
#456cbf |
rgb(69,108,191) |
hsl(221,49%,51%) |
#3c60af |
rgb(60,96,175) |
hsl(221,49%,46%) |
#35569c |
rgb(53,86,156) |
hsl(221,49%,41%) |
#2f4b89 |
rgb(47,75,137) |
hsl(221,49%,36%) |
#284176 |
rgb(40,65,118) |
hsl(221,49%,31%) |
#223663 |
rgb(34,54,99) |
hsl(221,49%,26%) |
#1b2c50 |
rgb(27,44,80) |
hsl(221,49%,21%) |
#15213d |
rgb(21,33,61) |
hsl(221,49%,16%) |
#0e172a |
rgb(14,23,42) |
hsl(221,49%,11%) |
#080d17 |
rgb(8,13,23) |
hsl(221,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC4C6 |
rgb(90,196,198) |
hsl(181,49%,56%) |
#5A7DC6 |
rgb(90,125,198) |
hsl(221,49%,56%) |
#7F59C6 |
rgb(127,89,198) |
hsl(261,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EB3DD |
rgb(158,179,221) |
hsl(220,48%,74%) |
#7C99D1 |
rgb(124,153,209) |
hsl(220,48%,65%) |
#5A7DC6 |
rgb(90,125,198) |
hsl(221,49%,56%) |
#3E63B3 |
rgb(62,99,179) |
hsl(221,49%,47%) |
#325291 |
rgb(50,82,145) |
hsl(220,49%,38%) |
#263D6F |
rgb(38,61,111) |
hsl(221,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7DC6 |
rgb(90,125,198) |
hsl(221,49%,56%) |
#C66E5A |
rgb(198,110,90) |
hsl(11,49%,56%) |
#B3C75A |
rgb(179,199,90) |
hsl(71,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7DC6 |
rgb(90,125,198) |
hsl(221,49%,56%) |
#C6A35A |
rgb(198,163,90) |
hsl(41,49%,56%) |
#5AB3C6 |
rgb(90,179,198) |
hsl(191,49%,56%) |
#B3C75A |
rgb(179,199,90) |
hsl(71,49%,57%) |