HEX #5F80C6 color — Indigo
The color #5F80C6 is a dark shade and moderately saturated.
Palette
5F80C6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(221,47%,97%) |
#e1e7f4 |
rgb(225,231,244) |
hsl(221,47%,92%) |
#ced8ed |
rgb(206,216,237) |
hsl(221,47%,87%) |
#bcc9e7 |
rgb(188,201,231) |
hsl(221,47%,82%) |
#a9bae0 |
rgb(169,186,224) |
hsl(221,47%,77%) |
#96abd9 |
rgb(150,171,217) |
hsl(221,47%,72%) |
#839cd2 |
rgb(131,156,210) |
hsl(221,47%,67%) |
#718dcc |
rgb(113,141,204) |
hsl(221,47%,62%) |
#5e7ec5 |
rgb(94,126,197) |
hsl(221,47%,57%) |
#4b70be |
rgb(75,112,190) |
hsl(221,47%,52%) |
#4063b0 |
rgb(64,99,176) |
hsl(221,47%,47%) |
#39599d |
rgb(57,89,157) |
hsl(221,47%,42%) |
#324e8b |
rgb(50,78,139) |
hsl(221,47%,37%) |
#2b4478 |
rgb(43,68,120) |
hsl(221,47%,32%) |
#243965 |
rgb(36,57,101) |
hsl(221,47%,27%) |
#1e2e52 |
rgb(30,46,82) |
hsl(221,47%,22%) |
#172440 |
rgb(23,36,64) |
hsl(221,47%,17%) |
#10192d |
rgb(16,25,45) |
hsl(221,47%,12%) |
#090f1a |
rgb(9,15,26) |
hsl(221,47%,7%) |
#030407 |
rgb(3,4,7) |
hsl(221,47%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FC4C6 |
rgb(95,196,198) |
hsl(181,47%,57%) |
#5F80C6 |
rgb(95,128,198) |
hsl(221,47%,57%) |
#825EC6 |
rgb(130,94,198) |
hsl(261,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A4B8DE |
rgb(164,184,222) |
hsl(219,47%,76%) |
#819CD2 |
rgb(129,156,210) |
hsl(220,47%,66%) |
#5F80C6 |
rgb(95,128,198) |
hsl(221,47%,57%) |
#4066B5 |
rgb(64,102,181) |
hsl(221,48%,48%) |
#345292 |
rgb(52,82,146) |
hsl(221,47%,39%) |
#284070 |
rgb(40,64,112) |
hsl(220,47%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F80C6 |
rgb(95,128,198) |
hsl(221,47%,57%) |
#C6735F |
rgb(198,115,95) |
hsl(12,47%,57%) |
#B3C75F |
rgb(179,199,95) |
hsl(72,48%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F80C6 |
rgb(95,128,198) |
hsl(221,47%,57%) |
#C6A65F |
rgb(198,166,95) |
hsl(41,47%,57%) |
#5FB3C6 |
rgb(95,179,198) |
hsl(191,47%,57%) |
#B3C75F |
rgb(179,199,95) |
hsl(72,48%,58%) |