HEX #5A7DC7 color — Indigo
The color #5A7DC7 is a dark shade and moderately saturated.
Palette
5A7DC7 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(221,49%,97%) |
#e1e7f5 |
rgb(225,231,245) |
hsl(221,49%,92%) |
#ced8ee |
rgb(206,216,238) |
hsl(221,49%,87%) |
#bbc9e8 |
rgb(187,201,232) |
hsl(221,49%,82%) |
#a8bae1 |
rgb(168,186,225) |
hsl(221,49%,77%) |
#95abdb |
rgb(149,171,219) |
hsl(221,49%,72%) |
#829cd4 |
rgb(130,156,212) |
hsl(221,49%,67%) |
#6f8dce |
rgb(111,141,206) |
hsl(221,49%,62%) |
#5c7ec7 |
rgb(92,126,199) |
hsl(221,49%,57%) |
#496fc1 |
rgb(73,111,193) |
hsl(221,49%,52%) |
#3d62b3 |
rgb(61,98,179) |
hsl(221,49%,47%) |
#3758a0 |
rgb(55,88,160) |
hsl(221,49%,42%) |
#304d8d |
rgb(48,77,141) |
hsl(221,49%,37%) |
#2a437a |
rgb(42,67,122) |
hsl(221,49%,32%) |
#233867 |
rgb(35,56,103) |
hsl(221,49%,27%) |
#1d2e54 |
rgb(29,46,84) |
hsl(221,49%,22%) |
#162441 |
rgb(22,36,65) |
hsl(221,49%,17%) |
#10192e |
rgb(16,25,46) |
hsl(221,49%,12%) |
#090f1b |
rgb(9,15,27) |
hsl(221,49%,7%) |
#030408 |
rgb(3,4,8) |
hsl(221,49%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AC7C7 |
rgb(90,199,199) |
hsl(180,49%,57%) |
#5A7DC7 |
rgb(90,125,199) |
hsl(221,49%,57%) |
#7F59C7 |
rgb(127,89,199) |
hsl(261,50%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3DE |
rgb(159,179,222) |
hsl(221,49%,75%) |
#7C99D2 |
rgb(124,153,210) |
hsl(220,49%,65%) |
#5A7DC7 |
rgb(90,125,199) |
hsl(221,49%,57%) |
#3D63B5 |
rgb(61,99,181) |
hsl(221,50%,47%) |
#315292 |
rgb(49,82,146) |
hsl(220,50%,38%) |
#263D70 |
rgb(38,61,112) |
hsl(221,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7DC7 |
rgb(90,125,199) |
hsl(221,49%,57%) |
#C76E5A |
rgb(199,110,90) |
hsl(11,49%,57%) |
#B3C75A |
rgb(179,199,90) |
hsl(71,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7DC7 |
rgb(90,125,199) |
hsl(221,49%,57%) |
#C7A35A |
rgb(199,163,90) |
hsl(40,49%,57%) |
#5AB3C7 |
rgb(90,179,199) |
hsl(191,49%,57%) |
#B3C75A |
rgb(179,199,90) |
hsl(71,49%,57%) |